.blog-article{timeline-scope:--blog-read}.blog-article-body{view-timeline:--blog-read block}@keyframes blog-read{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@layer components{.blog-reading-bar{transform:scaleX(0)}@supports (animation-timeline:view()) and (timeline-scope:--blog-read){.blog-reading-bar{animation:linear both blog-read;animation-timeline:--blog-read;animation-range:contain}}.blog-section-title{color:var(--blog-heading);letter-spacing:-.02em;text-wrap:balance;scroll-margin-top:6rem;font-size:1.625rem;font-weight:800;line-height:1.2}.blog-section-title:before{content:"";background:var(--blog-accent);border-radius:9999px;width:1.5rem;height:3px;margin-bottom:.9rem;display:block}@media (min-width:768px){.blog-section-title{font-size:1.875rem}}.blog-route-track,.blog-route-fill{border-radius:9999px;width:2px;position:absolute;top:0;bottom:0;left:7px}.blog-route-track{background:repeating-linear-gradient(to bottom, var(--blog-border-strong) 0 8px, transparent 8px 14px)}.blog-route-fill{background:var(--blog-accent);transform-origin:top;transform:scaleY(0)}.blog-route-link{color:var(--blog-text-subtle);text-wrap:pretty;border-radius:.375rem;padding:.375rem 0 .375rem 1.75rem;font-size:.875rem;line-height:1.4;transition:color .2s;display:block;position:relative}.blog-route-link[data-depth="3"]{padding-left:2.5rem;font-size:.8125rem}.blog-route-link:hover,.blog-route-link[data-state=passed]{color:var(--blog-text-muted)}.blog-route-link[data-state=active]{color:var(--blog-heading);font-weight:600}.blog-route-link:focus-visible{outline:2px solid var(--blog-focus);outline-offset:2px}.blog-route-dot{border:2px solid var(--blog-border-strong);background:var(--blog-bg);border-radius:9999px;width:10px;height:10px;transition:background-color .2s,border-color .2s;position:absolute;top:calc(.375rem + .7em - 5px);left:3px}.blog-route-link[data-depth="3"] .blog-route-dot{border-width:1.5px;width:6px;height:6px;top:calc(.375rem + .7em - 3px);left:5px}.blog-route-link[data-state=passed] .blog-route-dot{border-color:var(--blog-accent);background:var(--blog-accent)}.blog-route-link[data-state=active] .blog-route-dot{border-color:var(--blog-accent);background:var(--blog-bg);box-shadow:0 0 0 4px var(--blog-accent-soft)}.blog-route-finish{background:repeating-linear-gradient(to right, var(--blog-heading) 0 3px, transparent 3px 6px);opacity:.6;border-radius:1px;width:12px;height:4px;position:absolute;bottom:0;left:2px}.blog-toc-chevron,.blog-faq-chevron{transition:transform .2s cubic-bezier(.22,1,.36,1)}.blog-toc-panel[open] .blog-toc-chevron,.blog-faq[open] .blog-faq-chevron{transform:rotate(180deg)}.blog-faq summary:hover .blog-faq-chevron{color:var(--blog-heading)}.blog-anchor{vertical-align:middle;width:2rem;height:2rem;color:var(--blog-text-subtle);border-radius:9999px;justify-content:center;align-items:center;margin-left:.375rem;transition:opacity .15s,color .15s,background-color .15s;display:inline-flex}.blog-anchor:hover{color:var(--blog-accent-text);background:var(--blog-accent-soft)}.blog-anchor:focus-visible{opacity:1;outline:2px solid var(--blog-focus);outline-offset:2px}@media (hover:hover) and (pointer:fine){.blog-anchor{opacity:0}:is(h2,h3):hover>.blog-anchor{opacity:1}}.blog-steps ol{counter-reset:blog-step}.blog-steps ol>li{counter-increment:blog-step;min-height:2rem;padding-bottom:1.25rem;padding-left:3rem;position:relative}.blog-steps ol>li+li{margin-top:0}.blog-steps ol>li:before{content:counter(blog-step);border:2px solid var(--blog-accent);background:var(--blog-bg);width:2rem;height:2rem;color:var(--blog-accent-text);font-variant-numeric:tabular-nums;border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-.1rem;left:0}.blog-steps ol>li:not(:last-child):after{content:"";background:repeating-linear-gradient(to bottom, var(--blog-border-strong) 0 6px, transparent 6px 11px);width:2px;position:absolute;top:2.15rem;bottom:.15rem;left:calc(1rem - 1px)}.blog-steps ol>li:last-child{padding-bottom:0}.blog-toast{color:#fff;opacity:0;background:#0f0f0f;border-radius:9999px;align-items:center;gap:.5rem;max-width:100%;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:opacity .15s ease-out,transform .15s ease-out;display:inline-flex;transform:translateY(8px);box-shadow:0 0 0 1px #ffffff1f,0 16px 40px -16px #00000080}.blog-toast[data-open]{opacity:1;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);transform:translateY(0)}@starting-style{.blog-toast[data-open]{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.blog-toast,.blog-toast[data-open]{transform:none}.blog-toc-chevron,.blog-faq-chevron{transition:none}}}