.table-of-contents{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:calc(100vh - 150px);margin:20px 0;padding:14px 22px 14px 10px;position:sticky;top:100px;overflow-y:auto}.toc-header{font-weight:700;font-size:var(--font-lg);color:var(--text-heading-color);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;transition:all .2s;display:flex}.table-of-contents.closed .toc-header{border-bottom:none;margin-bottom:0;padding-bottom:0}.toc-title-row{align-items:center;gap:10px;display:flex}.toc-toggle-icon{color:var(--text-medium-color);font-size:14px;transition:transform .3s}.toc-toggle-icon.rotate{transform:rotate(180deg)}.toc-header svg{color:var(--primary-color);flex-shrink:0}.toc-list{margin:0;padding:0;list-style:none}.toc-item{transition:all .2s}.toc-item.toc-h2{margin-left:0;font-weight:600}.toc-item.toc-h3{font-weight:400;font-size:var(--font-sm);margin-left:20px}.toc-link{color:var(--text-medium-color);border-radius:var(--radius-sm);padding:8px 12px;line-height:1.4;text-decoration:none;transition:all .2s;display:block}.toc-link:hover{color:var(--primary-color);border-left-color:var(--primary-color);background:#007aff0d}.toc-item.active .toc-link{color:var(--primary-color);border-left-color:var(--primary-color);background:#007aff1a;font-weight:600}.table-of-contents::-webkit-scrollbar{width:6px}.table-of-contents::-webkit-scrollbar-track{background:0 0}.table-of-contents::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:var(--text-light-color)}@media (max-width:768px){.table-of-contents{border-radius:var(--radius-sm);max-height:none;margin:20px 0;padding:16px;position:relative;top:0}.toc-header{font-size:var(--font-md)}.toc-item.toc-h3{margin-left:12px}}