.toc-container{max-width:100%}.toc-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.toc-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;border-bottom:2px solid #e9ecef;padding-bottom:10px}.toc-icon{font-size:1.5rem}.toc-title{font-size:1.25rem;font-weight:700;color:#333;margin:0}.toc-nav{margin-top:10px}.toc-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.toc-item{transition:transform .2s ease}.toc-item:hover{transform:translateX(5px)}.toc-link{text-decoration:none;color:#4a5568;display:flex;align-items:center;gap:10px;font-size:1rem;padding:10px 15px;background:#fff;border-radius:8px;border:1px solid #edf2f7;transition:all .3s ease}.toc-link:hover{background:#fff5f5;color:#e53e3e;border-color:#feb2b2;box-shadow:0 2px 4px rgba(0,0,0,.05)}.toc-number{font-weight:700;color:#718096;min-width:25px}.toc-link:hover .toc-number{color:#e53e3e}.toc-text{line-height:1.4}@media (max-width:768px){.toc-list{grid-template-columns:1fr}}