.site-nav{position:sticky;top:0;z-index:100;order:0;width:100%;margin:0 0 32px;padding:0 24px;border-bottom:1px solid var(--border);background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);}.nav-inner{position:relative;max-width:1440px;min-height:72px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:16px 0;}.menu summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);background:var(--surface);font-size:0.875rem;font-weight:600;cursor:pointer;list-style:none;}.menu summary::-webkit-details-marker{display:none;}.menu summary:hover,.menu[open] summary{border-color:var(--accent);color:var(--accent);}.menu > nav,.menu > .links{position:absolute;top:100%;right:0;width:min(440px,100%);max-height:calc(100dvh - 100px);overflow-y:auto;padding:16px;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);box-shadow:0 16px 40px rgba(0,0,0,0.3);}.wordmark{display:inline-flex;flex-shrink:0;}.wordmark img{display:block;height:26px;width:auto;}.docs-link{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;flex-shrink:0;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-size:0.8125rem;font-weight:500;line-height:22px;text-decoration:none;}.docs-link:hover{border-color:var(--accent);color:var(--accent);}.links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;gap:8px;}.links li{min-width:0;}.links a{display:block;position:relative;isolation:isolate;min-height:40px;padding:9px 14px;color:var(--text);font-size:0.875rem;font-weight:500;line-height:22px;text-decoration:none;}.links a::before{content:"";position:absolute;inset:0;clip-path:polygon(7px 0%,100% 0%,calc(100% - 7px) 100%,0% 100%);z-index:-1;background:var(--surface);}.links a:hover::before{background:var(--elevated);}.links a[aria-current="page"]{color:#18191b;}.links a[aria-current="page"]::before{background:var(--accent);}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}@media (max-width:640px){.site-nav{padding:0 20px;margin-bottom:24px;}@media (max-width:400px){.wordmark{flex-basis:100%;}}.links{grid-template-columns:1fr;}.nav-inner{gap:12px;}.docs-link{padding:7px 8px;}.menu summary{gap:6px;padding:8px 10px;}}