.site-header{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb3;border:1px solid #e5e7ebe6;border-radius:999px;width:calc(100% - 32px);max-width:920px;margin:28px auto 0;transition:max-width .5s cubic-bezier(.22,1,.36,1),top .5s cubic-bezier(.22,1,.36,1),margin .5s cubic-bezier(.22,1,.36,1),background-color .35s,box-shadow .35s,border-color .35s,border-radius .5s cubic-bezier(.22,1,.36,1);position:sticky;top:28px;box-shadow:0 1px 2px #0000000f,0 8px 28px -12px #0000002e}.site-header.is-scrolled{background:#ffffffb3;border-color:#e5e7eb;border-radius:20px;max-width:1120px;margin-top:12px;top:12px;box-shadow:0 1px 2px #00000014,0 12px 40px -12px #00000038}.nav-wrap{max-width:none;height:66px;margin:auto;padding:0 12px 0 22px;transition:height .5s cubic-bezier(.22,1,.36,1),padding .5s cubic-bezier(.22,1,.36,1)}.site-header.is-scrolled .nav-wrap{height:62px;padding:0 10px 0 24px}nav a:not(.button){transition:color .2s}nav a:not(.button):hover{color:var(--color-primary)}nav a.nav-link--active{color:var(--color-primary);text-underline-offset:5px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}@media (max-width:800px){.site-header,.site-header.is-scrolled{border-radius:22px;max-width:none}.nav-wrap,.site-header.is-scrolled .nav-wrap{height:60px;padding:0 18px}nav{-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--color-divider);background:#fffffff5;border-radius:18px;flex-direction:column;align-items:stretch;padding:20px;display:none;position:absolute;top:calc(100% + 8px);left:8px;right:8px;box-shadow:0 20px 40px -12px #0000002e}nav.mobile-open{display:flex}.mobile-actions>a{width:100%;display:flex}}@media (prefers-reduced-motion:reduce){.site-header,.nav-wrap{transition:none}}.dark .site-header,.dark .site-header.is-scrolled{background:#0d1413d9;border-color:#2c3c3bf2;box-shadow:0 1px 2px #00000080,0 12px 40px -12px #000000b3}.dark .site-header nav a:not(.button){color:var(--color-text-secondary)}.dark .site-header nav a:not(.button):hover,.dark .site-header nav a.nav-link--active{color:var(--color-primary)}@media (max-width:800px){.dark .site-header nav{border-color:var(--color-divider);background:#0d1413f7}}