[data-site-header]{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page, var(--bg)) 92%,transparent)}
[data-site-header]>nav{width:min(1180px,calc(100% - 48px));min-height:82px;margin:auto;display:flex;align-items:center;gap:24px}
footer:not([data-shared-footer]){display:none}
@media(max-width:640px){[data-site-header]>nav{width:calc(100% - 28px);min-height:auto;padding:14px 0;gap:12px;flex-wrap:wrap}}

/* Keep navigation centered between the logo and the language/theme controls. */
.header-inner{position:relative}
.site-nav{position:absolute;left:50%;margin:0;transform:translateX(-50%)}
.site-nav a{white-space:nowrap}
.header-inner .controls{margin-left:auto}
[data-site-header]>nav{position:relative}
[data-site-header]>nav .page-links{position:absolute;left:50%;margin:0;transform:translateX(-50%)}
[data-site-header]>nav .page-links{display:flex;gap:28px}
[data-site-header]>nav .page-links a{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
[data-site-header]>nav .page-links a:hover{color:var(--text,var(--ink))}
[data-site-header]>nav .page-links .material-symbols-rounded{font-size:18px}
[data-site-header]>nav .controls{margin-left:auto}
@media(max-width:640px){
    .header-inner,
    [data-site-header]>nav {
        width:100%;
        padding:14px;
        display:grid;
        grid-template-columns:auto minmax(0,1fr) auto;
        align-items:center;
        column-gap:12px
    }
    .header-inner .brand,
    [data-site-header]>nav .brand { grid-column:1; justify-self:start }
    .header-inner .controls,
    [data-site-header]>nav .controls { grid-column:3; margin-left:0; justify-self:end }
    .site-nav,
    [data-site-header]>nav .page-links {
        position:static;
        grid-column:1 / -1;
        width:100%;
        margin:0;
        padding-top:6px;
        justify-content:center;
        transform:none
    }
}