.blog-toc{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffff0;border:1px solid rgba(226,232,240,.92);border-radius:18px;box-shadow:0 1px 1px #0f172a0a,0 16px 44px -36px #0f172a6b;padding:1rem 1.1rem 1.05rem;position:relative}.blog-toc--desktop{margin-bottom:0}.blog-toc--mobile{margin-bottom:1.5rem}.blog-toc__kicker{align-items:center;color:#334155;display:flex;font-size:.78rem;font-weight:900;gap:.55rem;letter-spacing:0;line-height:1.2;margin:0 0 .65rem;text-transform:uppercase}.blog-toc__kicker i{color:#64748b;font-size:.85rem}.blog-toc__summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;margin:0;min-height:44px;-webkit-tap-highlight-color:transparent}.blog-toc__summary::-webkit-details-marker{display:none}.blog-toc__summary .blog-toc__kicker{margin:0}.blog-toc__chevron{color:#64748b;font-size:.82rem;transition:transform .2s ease}.blog-toc[open] .blog-toc__chevron{transform:rotate(180deg)}.blog-toc__nav{margin-top:.55rem}.blog-toc--mobile[open] .blog-toc__nav{border-top:1px solid #e5e7eb;margin-top:.7rem;padding-top:.55rem}.blog-toc__list{counter-reset:blog-toc-counter;display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.blog-toc__item{counter-increment:blog-toc-counter;position:relative}.blog-toc__item--h3{padding-left:.85rem}.blog-toc__link{align-items:baseline;border-radius:12px;color:#475569;display:flex;font-size:.92rem;font-weight:700;gap:.5rem;line-height:1.4;min-height:40px;padding:.48rem .55rem .48rem .7rem;position:relative;text-decoration:none;transition:color .18s ease,background-color .18s ease,transform .18s cubic-bezier(.34,1.56,.64,1)}.blog-toc__item--h2>.blog-toc__link:before{color:#94a3b8;content:counter(blog-toc-counter,decimal-leading-zero);flex:none;font-size:.7rem;font-weight:900;letter-spacing:0;transition:color .18s ease}.blog-toc__item--h3>.blog-toc__link:before{align-self:center;background:transparent;border:1.5px solid #94a3b8;border-radius:9999px;content:"";flex:none;height:.4rem;transition:border-color .18s ease,background-color .18s ease;width:.4rem}.blog-toc__item--h3>.blog-toc__link{color:#64748b;font-size:.85rem;font-weight:600;padding-bottom:.32rem;padding-top:.32rem}.blog-toc__link-text{flex:1;min-width:0}.blog-toc__link:hover{background:#f8fafc;color:#0d47a1}.blog-toc__link:active{transform:scale(.985)}.blog-toc__link:hover:before{border-color:#1565c0;color:#1565c0}.blog-toc__link.is-active{background:#eef6ff;color:#0d47a1;font-weight:800}.blog-toc__link.is-active:before{background:#1565c0;border-color:#1565c0;color:#1565c0}.blog-toc__link.is-active:after{animation:blogTocActiveBar .25s ease-out;background:#1565c0;border-radius:9999px;content:"";height:70%;left:-1.1rem;position:absolute;top:50%;transform:translateY(-50%);width:3px}@keyframes blogTocActiveBar{0%{opacity:0;transform:translateY(-50%) scaleY(.4)}to{opacity:1;transform:translateY(-50%) scaleY(1)}}.blog-toc__link:focus-visible{box-shadow:0 0 0 3px #1565c047;outline:none}:root{--blog-toc-scroll-offset:7rem}@media(max-width:1023px){:root{--blog-toc-scroll-offset:5.25rem}}.blog-article-content :is(h2,h3)[id]{scroll-margin-top:var(--blog-toc-scroll-offset,7rem)}@media(max-width:1023px){.blog-toc{border-radius:20px;padding:.7rem .9rem .9rem}.blog-toc__kicker{font-size:.74rem}.blog-toc__link{font-size:.9rem;min-height:44px}.blog-toc__item--h3>.blog-toc__link{font-size:.83rem}.blog-toc__link.is-active:after{display:none}}@media(prefers-reduced-motion:reduce){.blog-toc__chevron,.blog-toc__link{transition:none!important}.blog-toc__link:active{transform:none!important}}