/* Visible navigation; page content and spacing retain the original layout. */
.site-header{height:auto;min-height:104px;gap:30px;position:sticky;top:0;z-index:10;background:var(--paper);padding:15px 0}
.site-brand{flex-shrink:0}
.nav-hint{display:block;font-size:10px;color:var(--muted);margin-top:7px;letter-spacing:.04em}
.site-header nav{gap:6px;padding:6px;background:#e8e7df;border:1px solid var(--line);border-radius:8px;flex-wrap:wrap}
.site-header nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;font-size:13px;line-height:1.5;font-weight:500;border-radius:4px;border:1px solid transparent;text-align:center}
.site-header nav a:hover{background:#faf8f2;border-color:#c2c8ce}
.site-header nav a[aria-current=page]{background:var(--navy);color:#fff;border-color:var(--navy)}
.site-header nav a:focus-visible{outline-offset:2px}
@media(max-width:1100px){
  .site-header{display:block;position:static}
  .site-brand{display:flex;justify-content:space-between;align-items:center;gap:20px}
  .nav-hint{margin:0;text-align:right}
  .site-header nav{margin-top:14px;display:grid;grid-template-columns:.65fr 1.3fr 1.3fr 1.3fr .8fr}
  .site-header nav a{padding:10px 5px}
}
@media(max-width:650px){
  .site-header{padding:15px 0 12px;min-height:0}
  .site-header nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:5px;overflow:visible}
  .site-header nav a,.site-header nav>a:nth-child(2){display:flex;grid-column:span 2;white-space:normal;min-height:44px;font-size:12px;padding:8px 3px}
  .site-header nav a:nth-child(n+4){grid-column:span 3}
  .nav-hint{font-size:9px}
}