.site-shell{--header-h:72px;background:var(--q-canvas);min-block-size:100svh;color:var(--q-ink);flex-direction:column;display:flex}.site-header{--site-header-pad:24px calc(var(--q-space-unit) * 10) 0;--site-account-pad:0 14px;--site-link-pad:0 12px;padding:var(--site-header-pad);justify-content:space-between;align-items:center;display:flex;position:relative}.site-shell>.site-header{inline-size:min(1200px,100%);margin-inline:auto}.site-logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:20px;font-weight:600;line-height:36px;display:flex}.site-header[data-tone=inverse] .site-logo{color:var(--q-ink-inverse)}.site-navigation{align-items:center;gap:4px;display:flex}.site-navigation>a{min-block-size:36px;padding:var(--site-link-pad);border-radius:var(--q-radius-pill);color:var(--q-ink);white-space:nowrap;justify-content:center;align-items:center;font-size:14px;font-weight:500;line-height:20px;text-decoration:none;display:inline-flex}.site-header[data-tone=inverse] .site-navigation>a{color:var(--q-ink-inverse)}.site-navigation>a:hover{background:var(--q-subtle)}.site-header[data-tone=inverse] .site-navigation>a:hover{background:#ffffff1f}.site-navigation>a.site-account-link{padding:var(--site-account-pad);background:var(--q-subtle)}.site-navigation>a.site-account-link:hover{background:var(--q-muted)}.site-header[data-tone=inverse] .site-navigation>a.site-account-link{background:var(--q-surface);color:var(--q-accent)}.site-header[data-tone=inverse] .site-navigation>a.site-account-link:hover{background:var(--q-accent-wash)}.site-navigation>a:focus-visible,.site-logo:focus-visible{outline:2px solid var(--q-accent);outline-offset:4px}.site-header[data-tone=inverse] a:focus-visible{outline-color:var(--q-ink-inverse)}@media not (min-width:800px){.site-shell{--header-h:68px}.site-header{--site-header-pad:24px var(--q-space-xl) 0}}@media not (min-width:360px){.site-header{--site-header-pad:20px var(--q-space-lg) 0;--site-link-pad:0 8px;--site-account-pad:0 10px}.site-logo>span{display:none}}