.table-of-contents{margin-block:var(--gap-md)}.table-of-contents--wrapper{border-left:var(--border-bold) solid var(--accent-light-primary);padding:var(--spacing-sm) var(--spacing-sm);background-color:var(--color-bg-tone-1);border-radius:0 var(--border-radius-sm,4px) var(--border-radius-sm,4px) 0}.table-of-contents--title{font-size:var(--font-size-xs,.75rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--gap-xs)}.table-of-contents--list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-xxs);counter-reset:toc-counter}.table-of-contents--item{counter-increment:toc-counter;display:flex;align-items:baseline;gap:var(--gap-xxs)}.table-of-contents--item:before{content:counter(toc-counter) ".";font-size:var(--font-size-xs,.75rem);color:var(--color-text-muted);min-width:1.5em;flex-shrink:0}.table-of-contents--item-sub{padding-left:var(--spacing-xs)}.table-of-contents--item-sub:before{content:"–";color:var(--color-text-muted--light)}.table-of-contents--link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm,.875rem);line-height:1.4;transition:color .2s ease}.table-of-contents--link:focus-visible,.table-of-contents--link:hover{color:var(--interactive-primary);text-decoration:underline}@media print{.table-of-contents{page-break-inside:avoid}}