.subject_section_nav{box-sizing:border-box;border:var(--border);background:color-mix(in lch, var(--card) 96%, var(--accent));-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;z-index:12;-webkit-backdrop-filter:blur(10px);scrollbar-width:none;border-radius:11px;flex-wrap:nowrap;align-self:stretch;gap:6px;width:100%;min-width:0;margin:-2px 0 0;padding:4px;display:flex;position:sticky;top:6px;overflow-x:auto;box-shadow:0 2px 12px #0000000f}.subject_section_nav::-webkit-scrollbar{display:none}@media screen and (width>=1024px){.subject_section_nav{flex-wrap:wrap;overflow-x:visible}}.subject_section_nav_btn{min-width:max(5rem, fit-content);scroll-snap-align:start;font:inherit;font-size:clamp(.72rem, (.0000694444 * (var(--current-width) - 768) * 1rem), .8rem);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;flex:0 auto;justify-content:center;align-items:center;gap:5px;padding:7px 11px;font-weight:650;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.subject_section_nav_btn:hover,.subject_section_nav_btn--active{color:var(--text-color);background:color-mix(in lch, var(--accent) 7%, var(--card));border-color:color-mix(in lch, var(--accent) 28%, transparent)}.subject_section_nav_btn--active{box-shadow:0 1px 8px #0000000a}.subject_section_nav_badge{font-variant-numeric:tabular-nums;min-width:1.15rem;height:1.15rem;color:var(--text-color);background:color-mix(in lch, var(--accent) 48%, var(--card));border:1px solid color-mix(in lch, var(--accent) 20%, transparent);border-radius:999px;flex-shrink:0;place-items:center;padding:0 .28rem;font-size:.62rem;font-weight:800;display:inline-grid}