.blog-toc{--toc-list-max-height:min(28vh,260px);background:var(--bg-surface,#f8fafc);border:1px solid var(--border-color,#cbd5e1);border-radius:16px;box-sizing:border-box;min-width:0;padding:1.25rem}.blog-toc.is-empty{display:none}.blog-toc .blog-toc-header{margin-bottom:.75rem}.blog-toc .blog-toc-title{color:var(--text-muted,#64748b);font-size:.78rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.blog-toc .blog-toc-list{box-sizing:border-box;display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;max-height:var(--toc-list-max-height);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;padding:.125rem .6rem .125rem 0;scrollbar-color:var(--color-indigo,#4153ff) #e2e8f0;scrollbar-gutter:stable;scrollbar-width:thin}.blog-toc .blog-toc-list>li{flex:0 0 auto;margin:0;min-width:0;padding:0}.blog-toc .blog-toc-list::-webkit-scrollbar{width:6px}.blog-toc .blog-toc-list::-webkit-scrollbar-track{background:#e2e8f0;border-radius:999px}.blog-toc .blog-toc-list::-webkit-scrollbar-thumb{background:var(--color-indigo,#4153ff);border-radius:999px}.blog-toc .blog-toc-list li a{border-left:2px solid var(--border-color,#cbd5e1);color:var(--text-main,#0f172a);display:block;font-size:.9rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere;padding:.35rem .25rem .35rem .75rem;text-decoration:none;transition:color .2s ease,border-color .2s ease}.blog-toc .blog-toc-list li a.is-active,.blog-toc .blog-toc-list li a:hover{border-left-color:var(--color-indigo,#4153ff);color:var(--color-indigo,#4153ff)}.blog-toc .blog-toc-list li a.is-active{font-weight:700}.blog-toc .blog-toc-list li a:focus-visible,.blog-toc .blog-toc-list:focus-visible{outline:2px solid var(--color-indigo,#4153ff);outline-offset:-2px}@media screen and (max-height:740px){.blog-toc{--toc-list-max-height:min(24vh,180px)}}@media print{.blog-toc .blog-toc-list{max-height:none;overflow:visible;scrollbar-gutter:auto}}