/* Same surface layers and pixel scale as the actual header. */
.qc-trigger,.qc-trigger:hover,.qc-trigger.qc-rail,.mobile-toc-chip{
 isolation:isolate;background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)));
}
.qc-trigger::before,.mobile-toc-chip::before,.qc-trigger::after,.mobile-toc-chip::after{
 content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
}
.qc-trigger::before,.mobile-toc-chip::before{
 z-index:-2;background-image:var(--control-texture);
 background-size:100% 100%,100% 100%,var(--control-texture-size,390px 390px);
 background-position:var(--control-texture-position,center);background-repeat:no-repeat;
 opacity:var(--control-texture-opacity,.68);filter:var(--control-texture-filter,none);
}
.qc-trigger::after,.mobile-toc-chip::after{
 z-index:-1;background-image:var(--control-grid,linear-gradient(rgb(255 255 255 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .028) 1px,transparent 1px));
 background-size:var(--control-grid-size,46px 46px);background-position:left top;
}
@media(max-width:860px){
 html.nav-open,html body.nav-open{overflow:visible!important;touch-action:auto!important}
 html body.nav-open::before{display:none!important;pointer-events:none!important;backdrop-filter:none!important}
 html body .site-header .nav-toggle,html body.nav-open .site-header .nav-toggle{position:relative!important;top:auto!important;right:auto!important;transform:none!important}
 html body .site-header .nav-links{
  position:fixed!important;inset:auto!important;top:var(--mobile-menu-top,150px)!important;
  left:14px!important;right:14px!important;width:auto!important;max-width:none!important;
  height:var(--mobile-menu-height,calc(100dvh - 250px))!important;max-height:var(--mobile-menu-height,calc(100dvh - 250px))!important;
  margin:0!important;padding:18px 20px!important;box-sizing:border-box;justify-content:flex-start!important;
  border:1px solid rgb(85,99,93)!important;border-radius:8px!important;
  background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
  box-shadow:0 6px 20px rgb(0 0 0 / .16)!important;
  overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;touch-action:pan-y;
  transform:none!important;transition:opacity .15s ease,visibility .15s ease!important;
 }
 html body .site-header .nav-links:not(.is-open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
 html body .site-header .nav-links.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important}
 html body .site-header .nav-links > *{flex-shrink:0}
 html body .site-header .nav-links::before{display:none!important}
 html body .site-header .nav-system-menu,html body .site-header .knowledge-mega,html body .site-header .nav-language-menu{
  position:static!important;inset:auto!important;transform:none!important;width:100%!important;
  max-height:none!important;overflow:visible!important;box-shadow:none!important;
 }
}

/* Smaller desktop rail control; mobile stays 64 × 64. */
.qc-trigger.qc-rail{width:80px;height:74px;padding:9px}
.qc-trigger.qc-rail .qc-person{width:60px;height:54px}

/* A closed in-flow language list must not reserve invisible space. */
@media(max-width:860px){
 html body .site-header .nav-links .nav-language:not(.is-open) .nav-language-menu{display:none!important}
 html body .site-header .nav-links .nav-language.is-open .nav-language-menu{display:block!important}
 html body .site-header .nav-links .nav-language{margin:0!important}
}

/* Shared grid phase: all surfaces sample the header's 46px grid. */
.qc-trigger::after,.mobile-toc-chip::after{background-position:var(--surface-grid-position,0px 0px)}
@media(max-width:860px){
 html body .site-header .nav-links{isolation:isolate!important;background:rgb(12,14,17)!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html body .site-header .nav-links::before{
  content:""!important;display:block!important;position:fixed!important;
  top:var(--mobile-menu-top,150px)!important;left:14px!important;right:14px!important;bottom:auto!important;
  height:var(--mobile-menu-height,calc(100dvh - 250px))!important;
  border-radius:8px!important;z-index:-1!important;pointer-events:none!important;
  background-image:var(--control-grid),radial-gradient(ellipse 80% 55% at 100% 45%,rgb(12 14 17 / .38),rgb(12 14 17 / .22) 55%,transparent 100%),linear-gradient(rgb(12 14 17 / .82),rgb(12 14 17 / .86)),url('/assets/menu-v449/data-tunnel.svg')!important;
  background-size:46px 46px,46px 46px,100% 100%,100% 100%,cover!important;
  background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),center,center,65% center!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat!important;
  filter:grayscale(1)!important;opacity:1!important;transform:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}

/* Larger mobile submenu affordances; overview links remain links. */
@media(max-width:860px){
 html body .site-header .nav-system,html body .site-header .nav-knowledge{grid-template-columns:minmax(0,1fr) 52px}
 html body .site-header .nav-system-button,html body .site-header .knowledge-toggle{
  width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;
  display:inline-flex!important;align-items:center;justify-content:center;color:rgb(211,180,111)!important;
 }
 html body .site-header .nav-system-chevron{
  display:block;width:12px;height:12px;box-sizing:border-box;
  font-size:0!important;line-height:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-3px) rotate(45deg)!important;
 }
 html body .site-header .nav-system-button[aria-expanded="true"] .nav-system-chevron,
 html body .site-header .knowledge-toggle[aria-expanded="true"] .nav-system-chevron{
  transform:translateY(3px) rotate(225deg)!important;
 }
 html body .site-header .nav-system-button:focus-visible,html body .site-header .knowledge-toggle:focus-visible{
  outline:2px solid rgb(211,180,111);outline-offset:-3px;border-radius:4px;
 }
}

/* Blue graphite belongs to the surface; desaturate only the decorative portrait. */
.qc-trigger,.qc-trigger:hover,.qc-trigger.qc-rail,.mobile-toc-chip{
 background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
}
.qc-trigger::after,.mobile-toc-chip::after{
 background-image:var(--control-grid),linear-gradient(rgb(18 22 27 / .28),rgb(18 22 27 / .28));
 background-size:46px 46px,46px 46px,100% 100%;
 background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),center;
 background-repeat:repeat,repeat,no-repeat;
}
@media(max-width:860px){
 html body .site-header .nav-links{
  background:var(--control-base,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
 }
 html body .site-header .nav-links::before{
  background-image:url('/assets/menu-v449/data-tunnel.svg')!important;
  background-size:cover!important;background-position:65% center!important;background-repeat:no-repeat!important;
  opacity:.30!important;filter:grayscale(1)!important;z-index:-2!important;
 }
 html body .site-header .nav-links::after{
  content:"";display:block;position:fixed;top:var(--mobile-menu-top,150px);left:14px;right:14px;bottom:auto;
  height:var(--mobile-menu-height,calc(100dvh - 250px));border-radius:8px;z-index:-1;pointer-events:none;
  background-image:var(--control-grid),radial-gradient(ellipse 80% 55% at 100% 45%,rgb(18 22 27 / .38),rgb(18 22 27 / .22) 55%,transparent 100%);
  background-size:46px 46px,46px 46px,100% 100%;
  background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),center;
  background-repeat:repeat,repeat,no-repeat;
 }
}

/* Block 333: mobile alignment and a quiet reading backdrop. */
@media(max-width:860px){
 html body .site-header .nav-links{align-items:stretch!important;text-align:left!important}
 html body .site-header .nav-links>a:not(.portal-button),
 html body .site-header .nav-links .nav-system-link,
 html body .site-header .nav-links .nav-knowledge>a,
 html body .site-header .nav-links .mobile-nav-separator{
  text-align:left!important;align-self:stretch!important;
 }
 html body .site-header .nav-links .nav-system,
 html body .site-header .nav-links .nav-knowledge{
  grid-template-columns:minmax(0,1fr) 52px;align-items:center!important;
 }
 html body .site-header .nav-links .nav-system-button,
 html body .site-header .nav-links .knowledge-toggle{justify-self:end}
 html body .site-header .nav-links .nav-system-menu a{
  align-items:flex-start!important;text-align:left!important;
 }
 html body .site-header .nav-links .knowledge-mega,
 html body .site-header .nav-links .knowledge-group,
 html body .site-header .nav-links .knowledge-group a{text-align:left!important}
 /* Keep the language selector at the upper right and CTA centered. */
 html body .site-header .nav-links .nav-language{align-self:flex-end!important}
 html body .site-header .nav-links .portal-button{text-align:center!important;justify-content:center!important}
 /* Below header (2000), contents chip (1180), and contact control (80).
    Pointer events pass through for the existing outside-click close behavior.
    No filter on main/body: fixed descendants keep their viewport positioning. */
 html body.nav-open::before{
  content:""!important;display:block!important;position:fixed!important;inset:0!important;
  z-index:70!important;background:rgb(18 22 27 / .12)!important;
  backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
  pointer-events:none!important;opacity:1!important;transform:none!important;
 }
}

/* Block 334: legal section without separator rule. */
@media(max-width:860px){
 html body .site-header .nav-links .mobile-nav-separator{border-top:0!important}
}

/* Block 335: submenu arrows follow their labels on mobile. */
@media(max-width:860px){
 html body .site-header .nav-links .nav-system,
 html body .site-header .nav-links .nav-knowledge{
  grid-template-columns:max-content 52px minmax(0,1fr)!important;
  column-gap:4px!important;
 }
 html body .site-header .nav-links .nav-system-button,
 html body .site-header .nav-links .knowledge-toggle{grid-column:2;justify-self:start!important}
 html body .site-header .nav-links .nav-system-menu,
 html body .site-header .nav-links .knowledge-mega{grid-column:1/-1!important}
}

/* Block 336: explicit open icon, independent of compact header state. */
@media(max-width:860px){
 html body .site-header .nav-toggle[aria-expanded="true"]>span{
  position:absolute!important;left:50%!important;top:50%!important;
  width:32px!important;height:3px!important;margin:0!important;
  background:rgb(211,180,111)!important;box-shadow:none!important;
  transform-origin:center!important;transition:none!important;
 }
 html body .site-header .nav-toggle[aria-expanded="true"]>span:nth-child(1){
  opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) rotate(45deg)!important;
 }
 html body .site-header .nav-toggle[aria-expanded="true"]>span:nth-child(2){
  opacity:0!important;visibility:hidden!important;background:transparent!important;
 }
 html body .site-header .nav-toggle[aria-expanded="true"]>span:nth-child(3){
  opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) rotate(-45deg)!important;
 }
}

/* Block 339: tighten space before mobile legal links. */
@media(max-width:860px){
 html body .site-header .nav-links .mobile-nav-separator{margin-top:8px!important;padding-top:4px!important}
}

/* 457: actual computed header background beneath transparent gold tunnel details. */
@media(min-width:861px){
 html body .site-header .nav-system-menu,html body .site-header .knowledge-mega{
  background-color:var(--menu-header-color,rgb(12,14,17))!important;
  background-image:url('/assets/menu-v457/tunnel-detail.svg'),var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
  background-size:cover,100% 100%!important;background-position:58% 48%,center!important;background-repeat:no-repeat!important;
 }
}
@media(max-width:860px){
 html body .site-header .nav-links{
  background-color:var(--menu-header-color,rgb(12,14,17))!important;
  background-image:var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
 }
 html body .site-header .nav-links::before{
  background-image:url('/assets/menu-v457/tunnel-detail-mobile.svg')!important;
  background-size:cover!important;background-position:48% 46%!important;opacity:1!important;filter:none!important;
 }
 html body .site-header .nav-links::after{background-image:var(--control-grid)!important}
}

/* Block 481: continue the header grid across both desktop navigation panels.
   Grid is a background layer, so labels remain above it and clicks pass through. */
@media(min-width:861px){
 html body .site-header .nav-system-menu,html body .site-header .knowledge-mega{
  background-image:var(--control-grid,linear-gradient(rgb(255 255 255 / .028) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .028) 1px,transparent 1px)),url('/assets/menu-v457/tunnel-detail.svg'),var(--menu-header-image,linear-gradient(rgb(18,22,27),rgb(12,14,17)))!important;
  background-size:var(--menu-grid-cell-size,46px 46px),var(--menu-grid-cell-size,46px 46px),cover,100% 100%,100% 100%!important;
  background-position:var(--surface-grid-position,0px 0px),var(--surface-grid-position,0px 0px),58% 48%,center,center!important;
  background-repeat:repeat,repeat,no-repeat,no-repeat,no-repeat!important;
  background-origin:border-box!important;
 }
}