.site-header, footer { width: 100%; max-width: 1440px; margin: auto; padding: 24px 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.site-header { position: sticky; z-index: var(--z-header); top: 0; max-width: none; margin: 0; background: color-mix(in srgb, var(--color-canvas) 90%, transparent); backdrop-filter: blur(14px); }
[id] { scroll-margin-top: 110px; }
nav { display: flex; min-width: 0; align-items: center; gap: clamp(10px, 1.25vw, 18px); }
nav a { text-decoration: none;   }
.site-header > nav > a, .site-header .desktop-session .nav-cta { white-space: nowrap; }
.mobile-nav, .mobile-primary-nav { display: none; }
@media (min-width: 961px) and (max-width: 1500px) {
    .site-header { padding-inline: 20px; }
    .site-header nav { gap: 8px; }
}
@media (prefers-color-scheme: dark) {
    .site-header { background: color-mix(in srgb, var(--color-canvas) 92%, transparent); }
}