.blog-toc{--blog-toc-surface: var(--capp-white, #ffffff);--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, #ffffff));--blog-toc-navy: var(--capp-navy, #334960);position:relative;background:color-mix(in srgb,var(--blog-toc-surface) 94%,transparent);border:1px solid var(--blog-toc-border);border-radius:18px;padding:1rem 1.1rem 1.05rem;box-shadow:0 1px 1px #2a3d4f0a,0 16px 44px -36px #2a3d4f6b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.blog-toc--desktop{margin-bottom:0}.blog-toc--mobile{margin-bottom:1.5rem}.blog-toc__kicker{display:flex;align-items:center;gap:.55rem;margin:0 0 .65rem;font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase;color:var(--capp-navy-dark);line-height:1.2}.blog-toc__kicker i{font-size:.85rem;color:var(--capp-dark-gray)}.blog-toc__summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;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{padding-top:.55rem;border-top:1px solid var(--blog-toc-border);margin-top:.7rem}.blog-toc__list{list-style:none;margin:0;padding:0;counter-reset:blog-toc-counter;display:flex;flex-direction:column;gap:.15rem}.blog-toc__item{position:relative;counter-increment:blog-toc-counter}.blog-toc__item--h3{padding-left:.85rem}.blog-toc__link{position:relative;display:flex;align-items:baseline;gap:.5rem;min-height:40px;padding:.48rem .55rem .48rem .7rem;border-radius:12px;font-size:.92rem;line-height:1.4;font-weight:700;color:var(--capp-charcoal);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{content:counter(blog-toc-counter,decimal-leading-zero);font-size:.7rem;font-weight:900;letter-spacing:0;color:#718096b8;flex:none;transition:color .18s ease}.blog-toc__item--h3>.blog-toc__link:before{content:"";width:.4rem;height:.4rem;border-radius:9999px;border:1.5px solid rgba(113,128,150,.72);background:transparent;flex:none;align-self:center;transition:border-color .18s ease,background-color .18s ease}.blog-toc__item--h3>.blog-toc__link{font-size:.85rem;font-weight:600;color:var(--capp-dark-gray);padding-top:.32rem;padding-bottom:.32rem}.blog-toc__link-text{flex:1;min-width:0}.blog-toc__link:hover{color:var(--blog-toc-navy);background:var(--blog-toc-surface-muted)}.blog-toc__link:active{transform:scale(.985)}.blog-toc__link:hover:before{color:var(--blog-toc-accent);border-color:var(--blog-toc-accent)}.blog-toc__link.is-active{color:var(--blog-toc-navy);background:var(--blog-toc-accent-soft);font-weight:800}.blog-toc__link.is-active:before{color:var(--blog-toc-accent);border-color:var(--blog-toc-accent);background:var(--blog-toc-accent)}.blog-toc__link.is-active:after{content:"";position:absolute;left:-1.1rem;top:50%;width:3px;height:70%;background:var(--blog-toc-accent);border-radius:9999px;transform:translateY(-50%);animation:blogTocActiveBar .25s ease-out}@keyframes blogTocActiveBar{0%{opacity:0;transform:translateY(-50%) scaleY(.4)}to{opacity:1;transform:translateY(-50%) scaleY(1)}}.blog-toc__link:focus-visible{outline:none;box-shadow:0 0 0 3px #33496047}: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{border:0;border-radius:18px;background:var(--blog-toc-surface-muted);box-shadow:none;padding:.65rem .85rem;backdrop-filter:none;-webkit-backdrop-filter:none}.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__link,.blog-toc__chevron{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%, #ffffff);--blog-toc-native-strong: color-mix(in srgb, var(--capp-orange, #D3541E) 27%, #ffffff);--blog-toc-native-soft: color-mix(in srgb, var(--capp-orange, #D3541E) 7%, #ffffff);--blog-toc-native-navy-dark: var(--capp-navy-dark, #2a3d4f);--blog-toc-native-muted: var(--capp-dark-gray, #718096);border-color:var(--blog-toc-native-line)!important;border-radius:1.25rem;background:linear-gradient(180deg,#fffffff7,color-mix(in srgb,var(--capp-off-white, #fafbfc) 88%,#ffffff))!important;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__kicker i,.blog-toc__chevron{color:var(--capp-orange, #D3541E)!important}.blog-toc__summary{border-radius:.95rem}.blog-toc__summary:focus-visible{outline:none;box-shadow:0 0 0 3px #fffffff5,0 0 0 6px #3349603d}.blog-toc__nav{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--capp-orange, #D3541E) 55%,#ffffff) transparent}.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:hover,.blog-toc__link:focus-visible{background:color-mix(in srgb,var(--capp-navy, #334960) 5%,#ffffff)!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%,#ffffff)}.blog-toc__item--h3>.blog-toc__link:before{border-color:color-mix(in srgb,var(--capp-navy, #334960) 35%,#ffffff)}.blog-toc__link.is-active{background:var(--blog-toc-native-soft)!important;color:var(--blog-toc-native-navy-dark)!important;box-shadow:inset 0 0 0 1px var(--blog-toc-native-strong)}.blog-toc__link.is-active:before{color:var(--capp-orange, #D3541E)!important;border-color:var(--capp-orange, #D3541E)!important;background:var(--capp-orange, #D3541E)!important}.blog-toc__link.is-active:after{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{margin:0 calc(-1*max(1rem,env(safe-area-inset-right,0px))) 1.25rem calc(-1*max(1rem,env(safe-area-inset-left,0px)));border-top:1px solid var(--blog-toc-native-line)!important;border-right:0!important;border-left:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;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{min-height:3rem;border-radius:0}.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{min-height:2.9rem;border-radius:.9rem;padding:.58rem .65rem}.blog-toc__item--h3{padding-left:.55rem}}
