.subnav{position:-webkit-sticky;position:sticky;top:76px;z-index:36;padding:8px 0}.subnav a{flex:0 0 auto;padding:8px 13px;border-radius:var(--r-pill);color:var(--fg-3);font-size:13px;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:all .14s ease}.subnav a:hover{color:var(--fg-1);background:var(--surface-hover)}.subnav a.active{color:var(--plum-text);background:var(--plum-quiet);border-color:var(--accent-line)}.subnav-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-inline:contain;scroll-behavior:smooth;padding:9px 12px;border-radius:18px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 28px -14px rgba(0,0,0,.55)}.subnav-inner::-webkit-scrollbar{display:none}.subnav-title{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-right:6px;padding:8px 13px;border-radius:var(--r-pill);border:1px solid var(--accent-line);background:var(--plum-quiet);color:var(--plum-text);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.subnav-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px var(--ok-quiet)}@media (max-width:720px){.subnav{display:none}}