/* FIX10: shared WDR navigation. Intentionally scoped to the FIX10 header. */
:root { --wdr10-bg: #0d1020; --wdr10-line: rgba(175,159,237,.17); --wdr10-white: #f9f6ff; --wdr10-muted: #c5c2db; }
html body #wdr10-site-header, html body #wdr10-site-header * { box-sizing: border-box; }
html body #wdr10-site-header {
  display:block!important; width:100%; max-width:none; position:sticky; top:0; isolation:isolate; z-index:1200;
  margin:0; padding:0; color:var(--wdr10-white);
  background:linear-gradient(110deg,rgba(10,13,29,.985),rgba(21,15,40,.985));
  border:0; border-bottom:1px solid var(--wdr10-line);
  box-shadow:0 8px 35px rgba(3,5,15,.15);
  font:500 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
html body #wdr10-site-header :is(a,button,summary){-webkit-tap-highlight-color:transparent;}
html body #wdr10-site-header .wdr10-inner {
  width:min(1240px,calc(100% - 44px)); max-width:1240px;
  margin:0 auto; min-height:80px; padding:12px 0;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
html body #wdr10-site-header .wdr10-brand {
  flex:0 0 auto; max-width:100%; min-width:0; display:inline-flex; align-items:center;
  gap:12px; text-decoration:none!important; color:var(--wdr10-white)!important;
  background:none!important; box-shadow:none!important; border:0!important; padding:0!important;
}
html body #wdr10-site-header .wdr10-icon { width:46px; height:46px; flex:0 0 46px; display:grid; place-items:center; border-radius:13px; overflow:hidden; background:#171036; }
html body #wdr10-site-header .wdr10-icon img {display:block; width:46px; height:46px; object-fit:contain; }
html body #wdr10-site-header .wdr10-brandtext { display:flex;flex-direction:column; gap:4px; min-width:0; }
html body #wdr10-site-header .wdr10-brandtext strong { color:#f8f5ff;font:800 13px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.035em; white-space:nowrap; }
html body #wdr10-site-header .wdr10-brandtext small { color:#72e7f1;font:750 9px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.13em;white-space:nowrap; }
html body #wdr10-site-header .wdr10-desktopnav {display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;min-width:0; margin:0;padding:0; border:0; background:transparent;}
html body #wdr10-site-header .wdr10-link {
  display:inline-flex!important; align-items:center; justify-content:center; gap:6px;
  min-height:41px; padding:10px 13px; margin:0!important; white-space:nowrap;
  color:var(--wdr10-muted)!important; text-decoration:none!important; font:650 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:0!important; word-spacing:normal!important;
  border:1px solid rgba(157,141,215,.20)!important; border-radius:12px!important;
  background:rgba(132,115,183,.085)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
html body #wdr10-site-header .wdr10-link:hover {color:var(--wdr10-white)!important;border-color:rgba(164,145,235,.24)!important;background:rgba(139,100,225,.13)!important; transform:translateY(-1px);}
html body #wdr10-site-header .wdr10-link[aria-current='page'] {color:#fff!important; border-color:rgba(158,126,251,.65)!important;background:linear-gradient(125deg,rgba(116,67,216,.36),rgba(79,59,160,.20))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;}
html body #wdr10-site-header .wdr10-link.wdr10-external::after {content:'↗'; font-size:12px; color:#80dce8; font-weight:800; margin-left:1px;}
html body #wdr10-site-header :is(.wdr10-link,.wdr10-brand,summary):focus-visible {outline:3px solid #74e8f1!important; outline-offset:4px!important;}
html body #wdr10-site-header .wdr10-mobile {display:none;position:relative;margin:0; padding:0;}
html body #wdr10-site-header .wdr10-mobile > summary {display:flex;align-items:center;justify-content:center;min-height:44px;gap:8px;list-style:none;cursor:pointer;padding:10px 14px;color:#f7f3ff;background:rgba(111,74,184,.18);border:1px solid rgba(162,133,235,.38);border-radius:12px;font-weight:750;}
html body #wdr10-site-header .wdr10-mobile > summary::-webkit-details-marker {display:none;}
html body #wdr10-site-header .wdr10-mobile > summary::before {content:'☰';font-size:17px;line-height:1;}
html body #wdr10-site-header .wdr10-mobile[open] > summary::before {content:'×';font-size:22px;}
html body #wdr10-site-header .wdr10-mobile-nav {position:absolute;right:0;top:calc(100% + 10px);width:min(310px,calc(100vw - 30px));z-index:1250;padding:10px;display:flex;flex-direction:column;gap:5px;background:#141429;border:1px solid rgba(166,133,244,.32);border-radius:18px;box-shadow:0 16px 44px rgba(0,0,0,.42);}
html body #wdr10-site-header .wdr10-mobile-nav .wdr10-link {width:100%;min-height:46px;justify-content:flex-start;padding:12px 15px;}
/* Only hide the obsolete banners on pages that have the new canonical header. */
body:has(#wdr10-site-header) > header.topbar,
body:has(#wdr10-site-header) > header.wdr-unified-header,
body:has(#wdr10-site-header) > header.site-header,
body:has(#wdr10-site-header) > .site-shell > header.site-header,
body:has(#wdr10-site-header) > .site-shell > .site-header,
body:has(#wdr10-site-header) > .legacy-header {display:none!important;}
@media(max-width:1060px){html body #wdr10-site-header .wdr10-desktopnav{display:none!important;} html body #wdr10-site-header .wdr10-mobile{display:block;}}
@media(max-width:500px){html body #wdr10-site-header .wdr10-inner{width:calc(100% - 30px);min-height:70px;gap:8px;}html body #wdr10-site-header .wdr10-brand{gap:8px}html body #wdr10-site-header .wdr10-brandtext strong{font-size:11px;letter-spacing:0}html body #wdr10-site-header .wdr10-brandtext small{font-size:8px;letter-spacing:.07em}html body #wdr10-site-header .wdr10-icon,html body #wdr10-site-header .wdr10-icon img{width:39px;height:39px;flex-basis:39px}html body #wdr10-site-header .wdr10-mobile>summary{padding:9px 11px;}}
@media(max-width:355px){html body #wdr10-site-header .wdr10-brandtext strong{font-size:10px}html body #wdr10-site-header .wdr10-mobile>summary{font-size:0;gap:0}html body #wdr10-site-header .wdr10-mobile>summary::before{font-size:19px}}
@media(prefers-reduced-motion:reduce){html body #wdr10-site-header *{transition:none!important;transform:none!important}}