.subnav-divider { height: 1px; background: rgba(148,163,184,0.08); margin: 0 16px; }
.subnav { display: flex; gap: 8px; padding: 8px 16px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; scroll-behavior: smooth; }
.subnav::-webkit-scrollbar { display: none; }
.subnav-pill { padding: 5px 14px; border-radius: 9999px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #8b9bb5; background: rgba(148,163,184,0.06); white-space: nowrap; text-decoration: none; transition: all 200ms ease; cursor: pointer; opacity: 0.5; }
.subnav-pill.neighbor { opacity: 1; }
.subnav-pill.active { background: #00e5ff; color: #0a0f1a; font-weight: 700; box-shadow: 0 0 12px rgba(0,229,255,0.3); opacity: 1; }
.subnav-pill:focus-visible { outline: 2px solid #00e5ff; outline-offset: 2px; }
@media (min-width: 768px) {
.subnav-divider, .subnav { display: none; }
}