.site-header{z-index:1000;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);justify-content:space-between;align-items:center;height:66px;padding:0 24px;display:flex;position:sticky;top:0}.site-header .brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);align-items:center;gap:9px;font-size:23px;font-weight:600;text-decoration:none;display:inline-flex}.site-header .brand-mark{width:24px;height:24px;color:var(--primary)}.site-header .brand span{color:var(--primary)}.site-nav{align-items:center;gap:8px;display:flex}.site-nav a{color:var(--muted);border-radius:var(--radius-pill);padding:8px 12px;font-size:15px;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.site-nav a:hover{color:var(--primary);background:var(--primary-soft)}.site-nav a.active{color:var(--primary);background:var(--primary-soft);font-weight:600}.site-nav .nav-admin{color:var(--text);border:1px solid var(--border-strong)}.site-nav .nav-admin:hover{border-color:var(--primary);background:0 0}@media (max-width:560px){.site-header{padding:0 16px}.site-nav a{padding:8px 9px}}