.toc-container{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);margin:var(--space-8) 0 var(--space-12);box-shadow:var(--shadow-card);transition:all var(--transition-normal);overflow:hidden;position:relative}.toc-container:hover{box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.toc-header{padding:var(--space-6) var(--space-8);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-bottom:1px solid var(--border-light);user-select:none}.toc-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.toc-nav{padding:var(--space-6) var(--space-8) var(--space-8);max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-secondary)}.toc-nav::-webkit-scrollbar{width:6px}.toc-nav::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.toc-nav::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.toc-nav::-webkit-scrollbar-thumb:hover{background:var(--primary-brand)}.toc-list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.toc-sublist{list-style:none;padding:0;margin:var(--space-2) 0 0 var(--space-6);counter-reset:toc-subcounter}.toc-item{margin:0;counter-increment:toc-counter}.toc-sublist .toc-item{counter-increment:toc-subcounter}.toc-link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative;line-height:1.5;font-size:var(--text-sm)}.toc-link:hover{background:var(--bg-secondary);color:var(--primary-brand);text-decoration:none;transform:translateX(4px)}.toc-link:focus{outline:2px solid var(--primary-brand);outline-offset:2px}.toc-link.active{background:rgba(var(--primary-brand-rgb),.1);color:var(--primary-brand);font-weight:600}.toc-link.active:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary-brand);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.toc-number{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--border-light);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-fast);flex-shrink:0}.toc-level-2 .toc-number:before{content:counter(toc-counter)}.toc-level-3 .toc-number:before{content:counter(toc-counter) "." counter(toc-subcounter)}.toc-level-4 .toc-number:before{content:counter(toc-counter) "." counter(toc-subcounter) "." counter(toc-subsubcounter)}.toc-link:hover .toc-number{background:var(--primary-brand);color:#fff;transform:scale(1.1)}.toc-link.active .toc-number{background:var(--primary-brand);color:#fff}.toc-text{flex:1;line-height:1.4}.toc-level-2 .toc-text{font-weight:600;font-size:var(--text-sm)}.toc-level-3 .toc-text{font-weight:500;font-size:var(--text-sm);color:var(--text-tertiary)}.toc-level-4 .toc-text{font-weight:400;font-size:var(--text-xs);color:var(--text-muted)}.toc-link:hover .toc-text{color:var(--primary-brand)}.content-heading{position:relative;scroll-margin-top:calc(var(--navbar-height, 80px) + 40px);scroll-behavior:smooth}@media (max-width:1024px){.toc-container{margin:var(--space-6) 0 var(--space-10)}.toc-header{padding:var(--space-5) var(--space-6)}.toc-nav{padding:var(--space-5) var(--space-6) var(--space-6);max-height:350px}.content-heading{scroll-margin-top:calc(var(--navbar-height, 70px) + 30px)}}@media (max-width:768px){.toc-container{margin:var(--space-4) 0 var(--space-8);border-radius:var(--radius-lg)}.toc-header{padding:var(--space-4) var(--space-5)}.toc-title{font-size:var(--text-base)}.toc-nav{padding:var(--space-4) var(--space-5) var(--space-5);max-height:280px}.toc-link{padding:var(--space-2) var(--space-3);gap:var(--space-2);font-size:var(--text-xs)}.toc-number{min-width:18px;height:18px;font-size:10px}.toc-sublist{margin-left:var(--space-4)}.content-heading{scroll-margin-top:calc(var(--navbar-height, 60px) + 20px)}}@media (max-width:480px){.toc-container{margin:var(--space-3) 0 var(--space-6)}.toc-nav{max-height:240px}.toc-link{padding:var(--space-2)}.toc-sublist{margin-left:var(--space-3)}.content-heading{scroll-margin-top:calc(var(--navbar-height, 50px) + 10px)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}@keyframes tocPulse{0%,100%{opacity:1}50%{opacity:.7}}.toc-loading{animation:tocPulse 1.5s infinite}@media print{.toc-container{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.toc-toggle{display:none}.toc-nav{max-height:none !important;overflow:visible !important;opacity:1 !important;visibility:visible !important}.toc-link{color:#333 !important;text-decoration:none}.toc-link:after{content:" ................................ " attr(href);color:#666;font-size:12px}}@media (prefers-contrast:high){.toc-container{border:2px solid}.toc-link{border:1px solid transparent}.toc-link:focus{border-color:currentColor}}@media (prefers-reduced-motion:reduce){.toc-container,.toc-nav,.toc-link,.toc-number,.toc-toggle-icon,.content-heading,.content-heading:before{transition:none}.fade-in-up{animation:none}.toc-loading{animation:none}}