.header-wrapper{z-index:100;position:sticky;top:0}.header{background:var(--bg-base);border-bottom:1px solid var(--border-subtle)}.header-content{justify-content:space-between;align-items:center;height:52px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:none;display:flex}.logo:hover{color:var(--accent)}.logo-icon{border-radius:var(--radius-sm);width:22px;height:22px}.nav{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:.25rem;padding:.1875rem;display:flex}@media (width>=641px){.nav{position:absolute;top:50%;right:max(1.5rem,50vw - 480px + 1.5rem);transform:translateY(-50%)}}.nav-group{align-items:center;gap:.125rem;display:flex}.nav-sep{background:var(--border);width:1px;height:18px;margin:0 .125rem;display:block}.nav-link{color:var(--text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.3125rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.nav-link.active{color:var(--text-primary);background:var(--bg-base);box-shadow:0 1px 2px #0000000a}.nav-link.docs-active{color:#fff;background:var(--bg-active);box-shadow:0 1px 2px #0000000a}.hamburger{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;z-index:110;background:0 0;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;display:none}.hamburger-line{background:var(--text-secondary);width:100%;height:2px;transition:all var(--transition-fast);transform-origin:50%;border-radius:1px;display:block}.hamburger-line.open:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-overlay{display:none}@media (width<=640px){.header-content{height:48px}.logo{font-size:.8125rem}.logo-icon{width:20px;height:20px}.hamburger{display:flex}.nav{background:var(--bg-surface);border-left:1px solid var(--border);width:260px;height:100vh;transition:transform var(--transition-base);z-index:105;border-radius:0;flex-direction:column;align-items:stretch;gap:.5rem;padding:4.5rem 1rem 1.5rem;position:fixed;top:0;right:0;transform:translate(100%)}.nav.nav-open{transform:translate(0)}.nav-group{flex-direction:column;gap:.25rem}.nav-sep{width:100%;height:1px;margin:.25rem 0}.nav-link{width:100%;padding:.625rem .75rem;font-size:.9375rem;display:block}.nav-overlay{z-index:100;background:#00000080;display:block;position:fixed;inset:0}}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-base);padding:1.5rem 0}.footer-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-brand{align-items:center;gap:.5rem;display:flex}.footer-brand h4{font-family:var(--font-mono);color:var(--text-primary);font-size:.8125rem;font-weight:500}.footer-brand p{color:var(--text-tertiary);font-size:.75rem}.footer-links{gap:1rem;display:flex}.footer-links a{color:var(--text-tertiary);font-size:.75rem;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border-subtle);text-align:center;margin-top:1rem;padding-top:1rem}.footer-bottom p{color:var(--text-muted);font-size:.6875rem}@media (width<=640px){.footer{padding:1.25rem 0}.footer-content{text-align:center;flex-direction:column;gap:.75rem}.footer-brand{flex-direction:column;gap:.125rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:.75rem}.footer-links a{padding:.375rem 0;font-size:.8125rem}.footer-bottom{margin-top:.75rem;padding-top:.75rem}}