.toc-container{--toc-primary: #0ea5e9;--toc-accent: #06b6d4;--toc-bg: #ffffff;--toc-text: #0f172a;--toc-text-light: #475569;--toc-border: #e2e8f0;--toc-hover: #f0f9ff;width:100%}.toc-card{background:linear-gradient(135deg,var(--toc-bg) 0%,#f9fafb 100%);border:1px solid var(--toc-border);border-radius:.875rem;box-shadow:0 4px 6px #0f172a0a,0 10px 20px #0f172a14;transition:box-shadow .3s ease,transform .2s ease;overflow:hidden}.toc-card:hover{box-shadow:0 6px 12px #0f172a14,0 12px 24px #0f172a1f;transform:translateY(-2px)}.toc-header{background:linear-gradient(to right,#b656e2,#234eb0);color:#fff;padding:1rem;border-bottom:2px solid rgba(0,0,0,.05);width:100%;box-sizing:border-box}.toc-header h3{font-size:.95rem;font-weight:800;letter-spacing:.3px;margin:0;color:#e2e8f0!important}.toc-header svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.toc-list-wrapper{overflow-y:auto;max-height:450px;justify-content:flex-start;padding:.5rem .4rem;scrollbar-width:thin;scrollbar-color:var(--toc-primary) var(--toc-border)}.toc-list-wrapper::-webkit-scrollbar{width:6px}.toc-list-wrapper::-webkit-scrollbar-track{background:var(--toc-border);border-radius:3px}.toc-list-wrapper::-webkit-scrollbar-thumb{background:var(--toc-primary);border-radius:3px}.toc-list-wrapper::-webkit-scrollbar-thumb:hover{background:var(--toc-accent)}.toc-list{list-style:none;padding:0;margin:0}.toc-list .toc-item{transition:background-color .2s ease}.toc-list .toc-item:hover{background-color:var(--toc-hover)}.toc-list a{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;color:var(--toc-text);text-decoration:none;font-size:.9rem;line-height:1.4;transition:all .2s ease;border-left:3px solid transparent;position:relative;overflow:visible}.toc-list a:hover{color:var(--toc-primary);border-left-color:var(--toc-primary);padding-left:1.25rem;background:linear-gradient(to right,#b656e20a,#234eb00a)}.toc-list a:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:6px;border-radius:4px;background:linear-gradient(to bottom,#b656e2,#234eb0);opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.toc-list a:hover:before,.toc-list a.active:before{opacity:1;transform:translate(0)}.toc-list a.active{color:var(--toc-primary);font-weight:600;background-color:#0ea5e90d;border-left-color:var(--toc-primary)}.toc-list ul{list-style:none;padding:0;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.toc-list li.expanded>ul{max-height:500px;opacity:1}.toc-list ul li a{padding-left:2rem;font-size:.85rem;color:var(--toc-text-light)}.toc-list ul li a:hover{padding-left:2.25rem;color:var(--toc-primary)}.toc-chevron{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin:0 0 0 auto;background:transparent;border:none;color:var(--toc-text-light);cursor:pointer;transition:all .2s ease;font-size:0;flex-shrink:0}.toc-chevron:hover{color:var(--toc-primary);transform:scale(1.1)}.toc-item.expanded .toc-chevron{color:var(--toc-primary);transform:rotate(180deg)}.toc-toggle-mobile{display:none;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--toc-border);border-radius:.5rem;color:var(--toc-text-light);cursor:pointer;transition:all .2s ease}.toc-toggle-mobile:hover{color:var(--toc-primary);border-color:var(--toc-primary);background-color:#0ea5e90d}.toc-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:transparent;border:0;padding:.5rem 0;color:var(--toc-text);font-weight:700;cursor:pointer}.toc-toggle:hover{color:var(--toc-primary)}@media (max-width: 900px){.toc-container{width:100%;margin:1.5rem 0;display:block}.toc-toggle-mobile{display:inline-flex}.toc-card{border-radius:.75rem}.toc-list-wrapper{max-height:0;opacity:0;padding:0;transition:max-height .3s ease,opacity .2s ease,padding .3s ease}.toc-container.open .toc-list-wrapper{max-height:400px;opacity:1;padding:.5rem 0}.toc-list a{padding:.5rem .875rem;font-size:.875rem}.toc-list ul li a{padding-left:1.75rem}}@media (min-width: 900px){.toc-container{position:relative;width:clamp(100%,20vw,280px);box-sizing:border-box;margin-top:0}.toc-list-wrapper{max-height:calc(100vh - 160px);padding-right:8px;margin:0;padding-left:28px}.toc-list ul{max-height:none;opacity:1;overflow:visible;margin-left:20px}.toc-list .toc-chevron{display:none}}@media (max-width: 900px){.toc-container{margin-top:14px}}@media (prefers-color-scheme: dark){.toc-container{--toc-bg: #1e293b;--toc-text: #f1f5f9;--toc-text-light: #cbd5e1;--toc-border: #334155;--toc-hover: #0f172a}.toc-card{background:linear-gradient(135deg,var(--toc-bg) 0%,#0f172a 100%)}}