.toc-wrapper{background:#f8f9ff;border:2px solid #e0e7ff;border-radius:12px;margin:30px 0;max-width:680px;padding:24px}.toc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.toc-header h3{color:#667eea;font-family:Alegreya Sans,Segoe UI,sans-serif;font-size:1.25rem;margin:0}.toc-toggle{background:transparent;border:none;color:#667eea;cursor:pointer;display:none;font-size:1.5rem;line-height:1;padding:4px 8px;transition:transform .3s ease}.toc-toggle:hover{transform:scale(1.1)}.toc-toggle-icon{display:inline-block;font-weight:700}.toc-content{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.toc-content.collapsed{max-height:0;opacity:0}.toc-content ul{list-style:none;margin:0;padding:0}.toc-content li{margin-bottom:12px}.toc-content li:last-child{margin-bottom:0}.toc-content a{border-left:3px solid transparent;border-radius:6px;color:#333;display:block;font-family:Lato,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;line-height:1.5;padding:8px 12px;text-decoration:none;transition:all .2s ease}.toc-content a:hover{background:#fff;border-left-color:#667eea;color:#667eea;transform:translateX(4px)}@media (max-width:600px){.toc-wrapper{margin:20px 0;padding:20px}.toc-toggle{display:block}.toc-content{max-height:500px}.toc-header h3{font-size:1.1rem}.toc-content a{font-size:.95rem;padding:10px 12px}}