.toc{position:-webkit-sticky;position:sticky;top:calc(var(--navbar-height) + 40px)}.toc__title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:.18em;text-transform:uppercase;color:var(--text-subdued);margin-bottom:var(--s16)}.toc__list{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border-default)}.toc__item{margin-left:-1px;border-left:1px solid transparent;transition:border-color var(--duration-normal) var(--ease-out)}.toc__item.is-active{border-left-color:var(--accent-purple)}.toc__item--h3 .toc__link{padding-left:calc(var(--s16) + var(--s12))}.toc__link{display:block;padding:6px 0 6px var(--s16);font-size:var(--text-sm);line-height:1.4;color:var(--text-subdued);transition:color var(--duration-normal) var(--ease-out)}.toc__link:hover{color:var(--text-default)}.toc__item.is-active>.toc__link{color:var(--accent-purple);font-weight:var(--font-medium)}@media (prefers-reduced-motion:reduce){.toc__item{transition:none}}.toc__link:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px;border-radius:var(--radius-sm)}