/* Scoped navigation overrides keep the shared header consistent on every page. */
html .site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);box-shadow:0 4px 24px rgba(15,23,42,.035)}
html[data-theme="dark"] .site-header{background:rgba(15,23,42,.94)}
html .site-header>.container{max-width:none;width:100%;padding:0 32px}
html .site-header .nav-bar{display:flex;justify-content:flex-start;gap:32px;height:76px;padding:0}
html .site-header .nav-logo{flex-shrink:0;max-width:240px;letter-spacing:-.5px}
html .site-header .nav-menu{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin:0;padding:0;list-style:none;flex:0 1 auto}
html .site-header .nav-menu a{display:block;padding:10px 13px;border-radius:9px;font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;background:transparent;transition:background .18s,color .18s}
html .site-header .nav-menu a:hover,html .site-header .nav-menu a.active{background:rgba(37,99,235,.08);color:#2563eb}
html .site-header .nav-actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;padding-left:18px;border-left:1px solid var(--border)}
html .site-header #themeToggle,html .site-header .nav-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:0;border:1px solid var(--border);border-radius:11px;background:var(--bg-card);color:var(--text);cursor:pointer;box-shadow:0 2px 4px rgba(15,23,42,.02);transition:background .18s,border-color .18s}
html .site-header #themeToggle:hover,html .site-header .nav-mobile-toggle:hover{background:var(--bg-hover);border-color:#93b4f8}
html .site-header button:focus-visible,html .mobile-menu button:focus-visible,html .site-header a:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
html .mobile-menu{top:88px;right:24px;bottom:auto;width:320px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 104px);padding:16px;border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 60px rgba(15,23,42,.16);transform:none}
html .mobile-menu.open{display:block;transform:none;animation:navPanelIn .16s ease-out}
.nav-panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 12px;border-bottom:1px solid var(--border);margin-bottom:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}
.nav-panel-heading button{width:30px;height:30px;border:0;border-radius:8px;background:var(--bg-hover);color:var(--text);cursor:pointer;font-size:24px;line-height:1}
html .mobile-menu a{font-size:14px;padding:11px 12px;border:0;border-radius:9px}
html .mobile-menu a.active,html .mobile-menu a:hover{color:#2563eb;background:rgba(37,99,235,.08)}
html .mobile-menu .mm-cta{background:#2563eb!important;color:white!important;border-radius:9px!important}
@keyframes navPanelIn{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){html .site-header .nav-menu{display:none}html .site-header .nav-bar{gap:16px}html .site-header>.container{padding:0 20px}}
@media(max-width:600px){html .site-header>.container{padding:0 16px}html .site-header .nav-bar{height:64px;gap:12px}html .site-header .nav-actions{gap:8px;padding-left:12px}html .site-header .nav-logo{max-width:calc(100vw - 150px)}html .mobile-menu{top:74px;right:16px;max-height:calc(100dvh - 90px)}html .site-header #themeToggle,html .site-header .nav-mobile-toggle{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){html .mobile-menu.open{animation:none}}