.toc{margin-bottom:var(--space-element)}.toc-nav{padding:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg)}.toc-title{font-size:var(--font-size-overline);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-1);padding-left:var(--space-2)}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:2px}.toc-level-3{padding-left:var(--space-2)}.toc-link{display:flex;align-items:center;padding:6px var(--space-2);font-size:var(--font-size-small);color:var(--text-muted);text-decoration:none;border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:all .2s ease;min-height:44px}.toc-link:hover{color:var(--text-secondary);border-left-color:var(--border-default)}.toc-link.is-active{color:var(--accent-primary);border-left-color:var(--accent-primary);background:var(--accent-primary-muted)}.toc-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (min-width:1024px){.toc{position:-webkit-sticky;position:sticky;top:108px;width:240px;flex-shrink:0;margin-bottom:0;order:1}.toc,.toc-nav{max-height:calc(100vh - 132px)}.toc-nav{background:transparent;border:none;border-left:1px solid var(--border-muted);border-radius:0;padding:0 0 0 var(--space-2);overflow-y:auto}.post-content{order:0}}@media (min-width:1536px){.toc{width:280px}}@media (prefers-reduced-motion:reduce){.toc-link{transition:none}}