.blog-toc{margin:1.5rem 0 2rem;border:1px solid var(--line,#33413e);border-radius:12px;background:rgba(150,221,193,.035);overflow:hidden}
.blog-toc>summary{padding:.85rem 1rem;font-weight:600;cursor:pointer;color:var(--text,#f2f4f3)}
.blog-toc>nav{padding:0 1rem 1rem}
.blog-toc ol{margin:0;padding-left:1.4rem}
.blog-toc li{padding:.15rem 0}
.blog-toc a{color:var(--muted,#b8c3c7);text-decoration:none;text-underline-offset:.2em}
.blog-toc a:hover,.blog-toc a:focus-visible{color:var(--accent,#96ddc1);text-decoration:underline}
.blog-article .entry-content h2[id]{scroll-margin-top:6rem}
@media(max-width:480px){.blog-toc>summary{min-height:44px;box-sizing:border-box}.blog-toc li{padding:.3rem 0}}