[data-fragment=SectionNav]{font-family:var(--font-sans,system-ui, sans-serif);display:inline-block}[data-fragment=SectionNav] .dots{flex-direction:column;gap:2px;padding:8px 6px;display:flex}[data-fragment=SectionNav] .dot{border-radius:var(--radius-sm,6px);color:var(--text-secondary,currentColor);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;font-size:12.5px;transition:color .12s,background .12s;display:inline-flex}[data-fragment=SectionNav] .dot:hover{color:var(--text-primary,currentColor);background:var(--bg-secondary,transparent)}[data-fragment=SectionNav] .dot:focus-visible{outline:2px solid var(--brand);outline-offset:2px}[data-fragment=SectionNav] .dot.active{color:var(--brand,var(--text-primary,currentColor))}[data-fragment=SectionNav] .dot-indicator{opacity:.45;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}[data-fragment=SectionNav] .dot.active .dot-indicator{opacity:1}[data-fragment=SectionNav] .dot-label{white-space:nowrap}@media (prefers-reduced-motion:reduce){[data-fragment=SectionNav] .dot{transition:none}}