.sntoc-toc{background:linear-gradient(135deg,var(--sntoc-bg-from),var(--sntoc-bg-to));border:1px solid color-mix(in srgb,var(--sntoc-primary) 25%,transparent);border-left:4px solid var(--sntoc-primary);margin:28px 0;overflow:hidden;box-shadow:0 2px 8px color-mix(in srgb,var(--sntoc-primary) 8%,transparent);width:fit-content;max-width:100%;transition:box-shadow .3s,max-width .3s}.sntoc-toc.is-collapsed{max-width:300px}.sntoc-toc:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--sntoc-primary) 15%,transparent)}
.sntoc-header{appearance:none;border:0;background:transparent;width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;text-align:left;color:inherit;font:inherit}.sntoc-header:hover{background:color-mix(in srgb,var(--sntoc-primary) 6%,transparent)}.sntoc-icon{color:var(--sntoc-primary);width:28px;height:28px;display:grid;place-items:center;background:color-mix(in srgb,var(--sntoc-primary) 12%,transparent);flex:none}.sntoc-title{font-weight:750;font-size:1rem;color:var(--sntoc-text);flex:1}.sntoc-count{font-size:.78rem;color:#64736e;background:color-mix(in srgb,var(--sntoc-primary) 10%,transparent);padding:2px 7px;white-space:nowrap}.sntoc-arrow{display:flex;color:var(--sntoc-primary);transition:transform .3s}.sntoc-toc.is-collapsed .sntoc-arrow{transform:rotate(-90deg)}
.sntoc-list,.sntoc-sublist{list-style:none!important}.sntoc-list{margin:0!important;padding:0 18px 16px!important;counter-reset:toc-h2;max-height:600px;overflow-y:auto;opacity:1;transition:max-height .4s,padding .3s,opacity .3s}.sntoc-toc.is-collapsed .sntoc-list{max-height:0;padding:0!important;opacity:0;overflow:hidden}.sntoc-sublist{margin:0!important;padding:0!important;counter-reset:toc-h3}.sntoc-list li{margin:0!important;padding:0!important}.sntoc-list>li{counter-increment:toc-h2}.sntoc-sublist>li{counter-increment:toc-h3}.sntoc-link{display:flex;align-items:flex-start;gap:8px;padding:5px 12px;color:var(--sntoc-link)!important;text-decoration:none!important;line-height:1.4;font-size:.95rem;transition:background .2s,color .2s,padding .2s}.sntoc-list>li>.sntoc-link:before{content:counter(toc-h2) ".";color:var(--sntoc-primary);font-weight:750;min-width:24px}.sntoc-sublist>li>.sntoc-link:before{content:counter(toc-h2) "." counter(toc-h3);color:color-mix(in srgb,var(--sntoc-primary) 65%,#777);font-weight:700;min-width:32px}.sntoc-level-3>.sntoc-link{padding-left:32px;font-size:.9rem}.sntoc-link:hover,.sntoc-link.is-active{background:color-mix(in srgb,var(--sntoc-primary) 9%,transparent);color:var(--sntoc-link-hover)!important}.sntoc-link.is-active{font-weight:650;border-left:3px solid var(--sntoc-primary);padding-left:9px}.sntoc-level-3>.sntoc-link.is-active{padding-left:29px}.sntoc-list::-webkit-scrollbar{width:4px}.sntoc-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sntoc-primary) 30%,transparent)}
@media(max-width:768px){.sntoc-toc,.sntoc-toc.is-collapsed{width:100%;max-width:100%;margin:0 0 24px}.sntoc-title{font-size:.95rem}.sntoc-list{max-height:70vh}.sntoc-link{font-size:.9rem}.sntoc-level-3>.sntoc-link{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){.sntoc-toc,.sntoc-list,.sntoc-arrow,.sntoc-link{transition:none!important}}