.toc{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8)}.toc__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.toc__title{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin:0}.toc__toggle{background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);font-family:var(--font-sans)}.toc__list{list-style:none;counter-reset:toc;margin:var(--space-3) 0 0;padding:0;display:none}.toc--open .toc__list{display:block}.toc__list li{counter-increment:toc;margin-bottom:var(--space-1);line-height:1.4}.toc__list li::before{content:counter(toc) ".";color:var(--color-text-muted);font-size:var(--text-xs);margin-right:var(--space-2);font-weight:600}.toc__list a{font-size:var(--text-sm);color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.toc__list a:hover{color:var(--color-accent-dark)}@media (max-width:767px){.toc__header{min-height:44px;padding:var(--space-2) 0}.toc__list a{min-height:44px;display:flex;align-items:center}.toc__toggle{min-height:44px;padding:var(--space-2) var(--space-3)}}