.blog-toc{--blog-toc-surface:var(--capp-white,#fff);--blog-toc-surface-muted:var(--capp-off-white,#fafbfc);--blog-toc-border:color-mix(in srgb,var(--capp-navy,#334960) 14%,transparent);--blog-toc-accent:var(--capp-orange,#d3541e);--blog-toc-accent-soft:color-mix(in srgb,var(--capp-orange,#d3541e) 10%,var(--capp-white,#fff));--blog-toc-navy:var(--capp-navy,#334960);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--blog-toc-surface) 94%,transparent);border:1px solid var(--blog-toc-border);border-radius:18px;box-shadow:0 1px 1px #2a3d4f0a,0 16px 44px -36px #2a3d4f6b;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:var(--capp-navy-dark);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:var(--capp-dark-gray);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:var(--capp-dark-gray);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 var(--blog-toc-border);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:var(--capp-charcoal);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:#718096b8;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 rgba(113,128,150,.72);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:var(--capp-dark-gray);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:var(--blog-toc-surface-muted);color:var(--blog-toc-navy)}.blog-toc__link:active{transform:scale(.985)}.blog-toc__link:hover:before{border-color:var(--blog-toc-accent);color:var(--blog-toc-accent)}.blog-toc__link.is-active{background:var(--blog-toc-accent-soft);color:var(--blog-toc-navy);font-weight:800}.blog-toc__link.is-active:before{background:var(--blog-toc-accent);border-color:var(--blog-toc-accent);color:var(--blog-toc-accent)}.blog-toc__link.is-active:after{animation:blogTocActiveBar .25s ease-out;background:var(--blog-toc-accent);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 #33496047;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(max-width:639px){.blog-toc--mobile{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--blog-toc-surface-muted);border:0;border-radius:18px;box-shadow:none;padding:.65rem .85rem}.blog-toc--mobile[open]{padding-bottom:.85rem}.blog-toc--mobile[open] .blog-toc__nav{border-top-color:var(--blog-toc-border)}.blog-toc__link{border-radius:12px}.blog-toc__link.is-active{background:var(--blog-toc-accent-soft)}}@media(prefers-reduced-motion:reduce){.blog-toc__chevron,.blog-toc__link{transition:none!important}.blog-toc__link:active{transform:none!important}}.blog-toc{--blog-toc-native-line:color-mix(in srgb,var(--capp-navy,#334960) 12%,#fff);--blog-toc-native-strong:color-mix(in srgb,var(--capp-orange,#d3541e) 27%,#fff);--blog-toc-native-soft:color-mix(in srgb,var(--capp-orange,#d3541e) 7%,#fff);--blog-toc-native-navy-dark:var(--capp-navy-dark,#2a3d4f);--blog-toc-native-muted:var(--capp-dark-gray,#718096);background:linear-gradient(180deg,#fffffff7 0,color-mix(in srgb,var(--capp-off-white,#fafbfc) 88%,#fff))!important;border-color:var(--blog-toc-native-line)!important;border-radius:1.25rem;box-shadow:0 22px 54px -42px #2a3d4f6b,inset 0 1px #ffffffb8}.blog-toc,.blog-toc *{letter-spacing:0!important}.blog-toc__kicker{color:var(--blog-toc-native-navy-dark)!important}.blog-toc__chevron,.blog-toc__kicker i{color:var(--capp-orange,#d3541e)!important}.blog-toc__summary{border-radius:.95rem}.blog-toc__summary:focus-visible{box-shadow:0 0 0 3px #fffffff5,0 0 0 6px #3349603d;outline:none}.blog-toc__nav{scrollbar-color:color-mix(in srgb,var(--capp-orange,#d3541e) 55%,#fff) transparent;scrollbar-width:thin}.blog-toc__link{color:var(--blog-toc-native-navy-dark)!important}.blog-toc__item--h3>.blog-toc__link{color:var(--blog-toc-native-muted)!important}.blog-toc__link:focus-visible,.blog-toc__link:hover{background:color-mix(in srgb,var(--capp-navy,#334960) 5%,#fff)!important;color:var(--blog-toc-native-navy-dark)!important}.blog-toc__item--h2>.blog-toc__link:before{color:color-mix(in srgb,var(--capp-navy,#334960) 45%,#fff)}.blog-toc__item--h3>.blog-toc__link:before{border-color:color-mix(in srgb,var(--capp-navy,#334960) 35%,#fff)}.blog-toc__link.is-active{background:var(--blog-toc-native-soft)!important;box-shadow:inset 0 0 0 1px var(--blog-toc-native-strong);color:var(--blog-toc-native-navy-dark)!important}.blog-toc__link.is-active:before{border-color:var(--capp-orange,#d3541e)!important;color:var(--capp-orange,#d3541e)!important}.blog-toc__link.is-active:after,.blog-toc__link.is-active:before{background:var(--capp-orange,#d3541e)!important}@media(min-width:1024px){.blog-toc--desktop{padding:1.1rem}.blog-toc--desktop .blog-toc__nav{max-height:min(58vh,34rem);overflow-y:auto;padding-right:.15rem}}@media(max-width:767px){.blog-toc--mobile{background:#fff!important;border-left:0!important;border-radius:0!important;border-right:0!important;border-top:1px solid var(--blog-toc-native-line)!important;box-shadow:none!important;margin:0 calc(max(1rem,env(safe-area-inset-right,0px))*-1) 1.25rem calc(max(1rem,env(safe-area-inset-left,0px))*-1);padding:.7rem max(1rem,env(safe-area-inset-right,0px)) .75rem max(1rem,env(safe-area-inset-left,0px))!important}.blog-toc--mobile[open]{padding-bottom:.95rem!important}.blog-toc--mobile .blog-toc__summary{border-radius:0;min-height:3rem}.blog-toc--mobile .blog-toc__nav{margin-left:-.2rem;margin-right:-.2rem;max-height:min(54vh,24rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.blog-toc--mobile[open] .blog-toc__nav{border-top-color:var(--blog-toc-native-line)!important}.blog-toc__link{border-radius:.9rem;min-height:2.9rem;padding:.58rem .65rem}.blog-toc__item--h3{padding-left:.55rem}}
