/* Cycle 9: responsive/accessibility refinements for native pages only.
 * The legacy LMS and Admin layouts never render .it360NativeRoot. */
.it360NativeRoot {
  --c9-surface: #fff;
  --c9-bg: #f7f9fc;
  --c9-ink: #17344b;
  --c9-muted: #526b7c;
  --c9-line: #dbe5ee;
  --c9-accent: #096e68;
  min-height: 100vh;
  background: var(--c9-bg);
  color: var(--c9-ink);
  display: flex;
  flex-direction: column;
}
.it360NativeRoot > .it360UnifiedMain {width: 100%;flex: 1;min-width: 0;}
.it360NativeRoot :where(.it360UnifiedMain) :where(img,video,iframe,svg) {max-width: 100%;}
.it360NativeRoot :where(.it360UnifiedMain) :where(h1,h2,h3,p,li) {overflow-wrap: break-word;}
.it360NativeRoot :where(.it360UnifiedMain) :where(input,select,textarea) {max-width: 100%;min-width: 0;}
.it360NativeRoot :where(.it360UnifiedMain) :where(button,input,select,textarea) {font: inherit;}
.it360NativeRoot :where(.it360UnifiedMain) :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,
.it360NativeRoot :where(.it360Nav a,.it360Nav button,.cpAccountButton,.cpMobile):focus-visible {
  outline: 3px solid #116dc4 !important;
  outline-offset: 3px;
}
.it360NativeRoot .cpSkip:focus-visible {left: 14px;top: 9px;position: absolute;z-index: 999;
  border: 2px solid #1760b4;border-radius: 8px;padding: 12px 16px;background: #fff;color: #153d59;}
.it360NativeRoot :where(.it360UnifiedMain) :where(.cpButton,.cpOutline,.it360V8Button,.it360V8QuietButton) {min-height: 44px;}
.it360NativeRoot :where(.it360UnifiedMain) :where(.it360V8Card,.it360Surface,.cpV2Card,.cpJobCard) {min-width: 0;}
.it360NativeRoot :where(.it360UnifiedMain) :where(.it360V8Card,.it360Surface,.cpV2Card,.cpJobCard) :where(p,span,strong) {overflow-wrap: anywhere;}
.it360NativeRoot :where(.it360UnifiedMain) :where(.it360V8View,.it360PageFrame,.cpWrap) {min-width: 0;}
.it360NativeRoot :where(.it360UnifiedMain) :where(.it360V8SelectActions,.it360DetailActions,.it360MatchActions,.it360InfoActions) {flex-wrap: wrap;}
.it360NativeRoot :where(.it360UnifiedMain) :where(table) {border-collapse: collapse;}
.it360NativeRoot :where(.it360UnifiedMain) :where(.it360V8TableViewport,.it360TableScroller,[data-horizontal-scroll]) {max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;}
.it360NativeRoot :where(.it360UnifiedMain) :where(.it360V8TableViewport,.it360TableScroller,[data-horizontal-scroll]):focus-visible {outline-offset:-2px;}
.it360NativeRoot .it360JobsGrid .it360Filters {min-width:0;}
.it360NativeRoot .it360JobResults {min-width:0;}
.it360NativeRoot .it360InsightRail {min-width:0;}
.it360NativeRoot .it360MobileFilterBar {display:none;}
.it360NativeRoot .it360JobResults :where(.it360JobMeta,.it360JobCardFoot) {flex-wrap:wrap;}
.it360NativeRoot .it360V8Factor button {min-height:44px;}
.it360NativeRoot .it360V8SelectActions button:disabled {cursor:not-allowed;}
.it360NativeRoot .it360V8AnalysisGrid,
.it360NativeRoot .it360V8NextGrid,
.it360NativeRoot .it360MatchContentGrid {min-width:0;}
.it360NativeRoot .it360Footer .cpFooterGrid {align-items:start;}

@media (max-width: 900px) {
  .it360NativeRoot .it360JobsGrid {grid-template-columns:minmax(0,1fr)!important;}
  .it360NativeRoot .it360MobileFilterBar {display:flex;align-items:center;justify-content:space-between;
    gap:12px;flex-wrap:wrap;margin-top:16px;color:var(--c9-muted);font-size:12px;}
  .it360NativeRoot .it360MobileFilterToggle {display:inline-flex;align-items:center;justify-content:space-between;gap:14px;
    min-height:46px;padding:10px 17px;border:1px solid #b6d5cf;border-radius:12px;
    background:#fff;color:#075c57;font-size:14px;font-weight:750;cursor:pointer;}
  .it360NativeRoot .it360JobsGrid .it360Filters {display:none!important;}
  .it360NativeRoot .it360JobsGrid.it360MobileFiltersOpen .it360Filters {display:block!important;position:static;
    grid-column:1;border:1px solid var(--c9-line);border-radius:16px;background:#fff;padding:18px;}
  .it360NativeRoot .it360JobsGrid .it360JobResults {grid-column:1;}
  .it360NativeRoot .it360JobsGrid .it360InsightRail {grid-column:1;}
  .it360NativeRoot .it360Nav.isOpen {max-height:calc(100dvh - 70px);overflow-y:auto;}
  .it360NativeRoot .it360MegaMenu {max-width:100%;}
  .it360NativeRoot .it360InsightRail {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 650px) {
  .it360NativeRoot .it360MobileFilterBar {width:calc(100% - 28px);margin:13px auto 0;}
  .it360NativeRoot .it360MobileFilterBar > span {flex-basis:100%;}
  .it360NativeRoot .it360JobsGrid {padding-top:14px;}
  .it360NativeRoot .it360SearchBar {grid-template-columns:minmax(0,1fr)!important;}
  .it360NativeRoot .it360JobResults .it360ResultHead {display:flex;flex-direction:column;align-items:stretch;gap:14px;}
  .it360NativeRoot .it360JobResults .it360SortLabel {display:grid;gap:6px;max-width:100%;}
  .it360NativeRoot .it360JobResults .it360SortLabel select {width:100%;min-height:44px;}
  .it360NativeRoot .it360JobList {grid-template-columns:minmax(0,1fr);}
  .it360NativeRoot .it360InsightRail {grid-template-columns:minmax(0,1fr);}
  .it360NativeRoot .it360JobResults .it360Pager {flex-wrap:wrap;justify-content:space-between;gap:8px;}
  .it360NativeRoot .it360Pager > span {order:-1;flex-basis:100%;text-align:center;}
  .it360NativeRoot .it360Pager > button {min-height:44px;min-width:100px;}
  .it360NativeRoot .it360V8View {padding:20px 14px 60px;}
  .it360NativeRoot .it360V8AnalysisGrid,.it360NativeRoot .it360V8NextGrid,.it360NativeRoot .it360V8EvidenceColumns {grid-template-columns:minmax(0,1fr)!important;}
  .it360NativeRoot .it360V8Card {padding:16px;}
  .it360NativeRoot .it360V8SelectActions {width:100%;}
  .it360NativeRoot .it360V8SelectActions > :is(button,a,label) {flex:1 1 100%;}
  .it360NativeRoot .it360DetailRail,.it360NativeRoot .it360RelatedGrid {grid-template-columns:minmax(0,1fr)!important;}
  .it360NativeRoot .it360PageFrame,.it360NativeRoot .it360InfoPage {max-width:100%;}
  .it360NativeRoot .it360Footer .cpFooterGrid {grid-template-columns:minmax(0,1fr)!important;}
}
@media (max-width: 375px) {
  .it360NativeRoot .cpBrand small {display:none;}
  .it360NativeRoot .cpBrand strong {font-size:16px;}
  .it360NativeRoot .it360JobCard {padding:14px!important;}
  .it360NativeRoot .it360JobCardHead h3 {font-size:16px;}
  .it360NativeRoot .it360ResultHead h2 {font-size:22px;}
}
@media (prefers-reduced-motion: reduce) {
  .it360NativeRoot * {scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}
