.site-header { position:sticky; top:0; z-index:50; border-bottom:1px solid var(--line); background:rgba(5,44,86,.96); backdrop-filter:blur(16px); }
.site-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; width:min(var(--site-width),100%); min-height:80px; margin:auto; padding:16px var(--site-gutter); }
.site-header .brand { flex-shrink:0; }
.site-header .brand small { display:block; }
.site-menu { display:flex; align-items:center; gap:6px; min-width:0; }
.site-menu .button,.menu-toggle { min-height:40px; padding:0 13px; border-radius:4px; font:700 11px/1.4 var(--body); white-space:nowrap; }
.site-menu .button { border-color:transparent; background:transparent; color:var(--muted); }
.site-menu .button:hover,.nav-dropdown-links a:hover { background:rgba(223,245,255,.07); color:var(--paper); }
.site-menu [aria-current="page"],.site-menu .nav-dropdown:has([aria-current="page"])>summary { border-color:var(--line); background:rgba(223,245,255,.08); color:var(--paper); }
.menu-toggle { display:none; border:1px solid var(--line); background:transparent; color:var(--paper); cursor:pointer; }
.nav-dropdown { position:relative; flex:0 0 auto; }
.nav-dropdown>summary { cursor:pointer; list-style:none; gap:7px; }
.nav-dropdown>summary::-webkit-details-marker { display:none; }
.nav-dropdown[open]>summary { border-color:var(--paper); color:var(--paper); }
.nav-dropdown-links { position:absolute; right:0; top:calc(100% + 8px); min-width:220px; padding:7px; border:1px solid var(--line); border-radius:4px; background:var(--blue-deep); box-shadow:var(--shadow); z-index:80; }
.nav-dropdown-links a { display:block; padding:12px; border:1px solid transparent; border-radius:2px; font:700 12px/1.4 var(--body); text-decoration:none; }
@media(max-width:1200px) {
  .site-header-inner { flex-wrap:wrap; gap:12px; min-height:72px; padding-block:14px; }
  .site-menu { flex-basis:100%; flex-wrap:wrap; }
  .navigation-ready .menu-toggle { display:inline-flex; align-items:center; gap:12px; }
  .menu-toggle::after { content:'+'; font-size:20px; }
  .menu-toggle[aria-expanded="true"]::after { content:'\2212'; }
  .navigation-ready .menu-toggle[aria-expanded="false"]+.site-menu { display:none; }
  .nav-dropdown-links { left:0; right:auto; }
}
@media(max-width:600px) {
  .site-menu { display:grid; grid-template-columns:minmax(0,1fr); max-height:calc(100dvh - 100px); overflow-y:auto; padding-top:12px; border-top:1px solid var(--line-soft); }
  .site-menu .button { justify-content:flex-start; width:100%; min-height:44px; }
  .nav-dropdown-links { position:static; margin-top:4px; min-width:0; box-shadow:none; }
}