.toc{position:sticky;top:var(--navbar-height, 60px);width:var(--toc-width, 220px);flex-shrink:0;align-self:flex-start;max-height:calc(100vh - 80px);overflow-y:auto;padding-left:var(--space-md, 1rem);border-left:1px solid var(--border-color, #e5e7eb)}.toc-header{font-size:var(--text-xs, .75rem);font-weight:var(--font-semibold, 600);color:var(--text-tertiary, #6b7280);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm, .75rem);padding-left:var(--space-xs, .5rem)}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.toc-list--nested{gap:1px;margin-top:2px;padding-left:0}.toc-item{list-style:none}.toc-link{display:flex;align-items:center;padding:6px var(--space-sm, .75rem);font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b);text-decoration:none;border-radius:4px;transition:all .15s ease;line-height:1.5}.toc-link:hover{color:var(--text-primary, #334155);background-color:var(--c-gray-100, #f1f5f9)}.toc-link.toc-link--level-3{font-size:var(--text-xs, .75rem);padding:4px var(--space-sm, .75rem) 4px 24px;color:var(--text-tertiary, #94a3b8)}.toc-link.toc-link--level-3:hover{color:var(--text-secondary, #475569);background-color:var(--c-gray-50, #f8fafc)}.toc-link.active{color:var(--c-brand, #3b82f6);background-color:var(--accent-bg, rgba(59, 130, 246, .1));font-weight:var(--font-medium, 500)}.toc-link.toc-link--level-3.active{color:var(--c-brand, #3b82f6);background-color:var(--accent-bg, rgba(59, 130, 246, .1))}.toc::-webkit-scrollbar{width:4px}.toc::-webkit-scrollbar-track{background:transparent}.toc::-webkit-scrollbar-thumb{background:var(--c-gray-300, #d1d5db);border-radius:2px}.toc::-webkit-scrollbar-thumb:hover{background:var(--c-gray-400, #9ca3af)}@media(max-width:1280px){.toc{width:180px}}@media(max-width:1024px){.toc{display:none}}