/* Navigation sits directly on the page, with no enclosing bar or dividers. */
.site-header { position: relative; z-index: 5; color: var(--ink, #191919); font: 13px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.site-header-inner { display: flex; align-items: center; gap: 16px; max-width: 1200px; margin: auto; padding: 16px clamp(16px, 3vw, 40px); min-height: 76px; }
.site-header a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.site-brand, .site-brand:hover { margin-right: auto; color: inherit; font-size: 25px; font-weight: 850; white-space: nowrap; }
.site-nav { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.site-nav a { color: var(--muted, #62625e); }
.site-nav a:hover { color: var(--ink, #191919); text-decoration: underline; text-underline-offset: 6px; }
.site-nav a[aria-current] { color: var(--ink, #191919); font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.site-header .site-header-action { margin-left: 8px; padding: 0; border: 0; background: transparent; color: inherit; }
.site-header .site-header-action:hover { background: transparent; text-decoration: underline; }
.site-skip { position: fixed; z-index: 20; top: 8px; left: 12px; padding: 10px 14px; background: var(--paper, #f7f6f2); color: #191919; }
.site-skip:not(:focus) { transform: translateY(calc(-100% - 12px)); }
@media (max-width: 780px) {
    .site-header-inner { flex-wrap: wrap; gap: 0 16px; padding-block: 8px; }
    .site-nav { order: 3; width: 100%; gap: 4px 20px; }
    .site-nav a { font-size: 12px; }
    .site-header .site-header-action { margin: 0; font-size: 12px; }
}
@media print { .site-header, .site-skip { display: none; } }