.blog-toc{background:color-mix(in oklab,var(--primary) 16%,transparent);border:2px solid color-mix(in oklab,var(--primary) 40%,transparent);border-radius:.75rem;padding:1.25rem 1.5rem;margin:2rem 0;box-shadow:0 4px 20px -6px color-mix(in oklab,var(--primary) 25%,transparent)}.blog-toc h2{font-size:1.125rem;font-weight:700;color:var(--foreground);margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid color-mix(in oklab,var(--primary) 35%,transparent)}.blog-toc #TableOfContents>ul,.blog-toc>ul{list-style:none;margin:0;padding:0}.blog-toc #TableOfContents li,.blog-toc li{margin:.375rem 0;padding:0;line-height:1.5}.blog-toc #TableOfContents li ul,.blog-toc li ul{list-style:none;margin:.25rem 0 .25rem 1.25rem;padding:0}.blog-toc #TableOfContents a,.blog-toc a{display:block;padding:.5rem .625rem;border-radius:.5rem;color:var(--foreground);text-decoration:none;font-size:.95rem;font-weight:500;transition:background .2s,color .2s}.blog-toc #TableOfContents a:hover,.blog-toc a:hover{background:color-mix(in oklab,var(--primary) 22%,transparent);color:var(--primary);text-decoration:none}