/* One header for every route, including /open. Page content keeps its own styles. */
.site-head { --gutter: clamp(1.25rem, 4vw, 4rem); line-height: 1.7; }
.site-head .nav { min-height: 5.25rem; }
.site-head .nav-list { gap: 0.3rem; }
.site-head .nav-list a { font-weight: 600; padding-inline: 0.9rem; }
.site-head .brand .tag { border: 0; padding: 0; font-size: 0.7rem; letter-spacing: 0.07em; }
.site-head .theme-toggle { border-color: transparent; background: transparent; }
.site-head .theme-toggle:hover { background: var(--accent-soft); }
@media (max-width: 25rem) {
  .site-head .brand .tag { display: none; }
}

/* Compact specification header, shared by every route. */
.site-head { background:var(--paper); --gutter:1.25rem; border-bottom:1px solid var(--line); }
.site-head .nav { min-height:4rem; max-width:none; gap:.6rem; }
.site-head .brand { font-size:1rem; gap:.5rem; font-weight:700; }
.site-head .brand .tag { font-size:1rem; font-weight:600; letter-spacing:0; text-transform:none; }
.spec-version { color:var(--accent); font-size:.875rem; white-space:nowrap; }
.site-head .nav-list { margin-left:auto; gap:0; }
.site-head .nav-list a { font-size:.875rem; font-weight:400; padding:.5rem .65rem; border-radius:0; }
.site-head .nav-list a[aria-current="page"] { background:transparent; text-decoration:underline; text-underline-offset:.4rem; }
.site-head .theme-toggle,.site-head .menu { border-radius:3px; }
@media (max-width:35rem) { .spec-version { display:none; } .site-head .brand .tag { font-size:.8125rem; } }