nav.theme-subnav { position: sticky; top: var(--header-h); width: 100%; background: rgb(255, 255, 255); border-bottom: 1px solid rgb(229, 232, 236); box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 10px; z-index: 999; transition: box-shadow 0.25s, border-color 0.25s; }
nav.theme-subnav.scrolled { box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 20px; border-bottom-color: rgba(0, 0, 0, 0.05); }
nav.theme-subnav .subnav-tabs { display: flex; align-items: stretch; gap: 0.75rem; overflow-x: auto; white-space: nowrap; scrollbar-width: none; }
nav.theme-subnav .subnav-tabs::-webkit-scrollbar { display: none; }
nav.theme-subnav .subnav-tab { display: inline-flex; align-items: center; gap: 0.5rem; flex-shrink: 0; padding: 1.1rem 1.4rem; font-size: 0.95rem; font-weight: 600; color: rgb(75, 85, 99); text-decoration: none; border-bottom: 3px solid transparent; background: transparent; transition: color 0.2s, border-color 0.2s, background-color 0.2s; }
nav.theme-subnav .subnav-tab:hover { color: rgb(17, 24, 39); background: rgb(243, 244, 246); }
nav.theme-subnav .subnav-tab.active { color: rgb(15, 23, 42); border-bottom-color: rgb(31, 111, 235); }
@media (max-width: 768px) {
  nav.theme-subnav .subnav-tab { padding: 1rem 1.1rem; font-size: 0.875rem; }
}
#scroll-progress { position: fixed; left: 0px; top: 0px; height: 3px; width: 0px; background: linear-gradient(90deg, rgb(31, 111, 235), rgb(34, 197, 94)); z-index: 1000; pointer-events: none; }