.blog-detail[data-v-f916adc1]{--blog-bg:#fff;--blog-surface:#f7f7f7;--blog-surface-2:#fbfbfc;--blog-ink:#2d2d2d;--blog-soft:#757575;--blog-cta:#313439;--blog-border:rgba(49,52,57,.08);--blog-border-strong:rgba(49,52,57,.15);--blog-violet:#524df3;background:var(--blog-bg);color:var(--blog-ink);font-family:Albert Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100%}.blog-detail__container[data-v-f916adc1]{margin:0 auto;max-width:1240px;padding:0 clamp(20px,4vw,40px)}.blog-detail__head[data-v-f916adc1]{border-bottom:1px solid var(--blog-border);padding:32px 0 48px}.blog-detail__breadcrumbs[data-v-f916adc1]{align-items:center;color:var(--blog-soft);display:flex;flex-wrap:wrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(13px,1.25vw,16px);gap:10px;line-height:1.4;margin-bottom:24px}.blog-detail__breadcrumbs a[data-v-f916adc1]{color:inherit;text-decoration:none;transition:color .15s ease}.blog-detail__breadcrumbs a[data-v-f916adc1]:hover{color:var(--blog-violet)}.blog-detail__breadcrumbs span[data-v-f916adc1]{color:#75757561}.blog-detail__breadcrumbs span[data-v-f916adc1]:last-child{color:var(--blog-ink)}.blog-detail__eyebrow[data-v-f916adc1]{align-items:center;background:#524df314;border-radius:32px;color:var(--blog-violet);display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.08em;margin-bottom:24px;padding:6px 12px;text-transform:uppercase}.blog-detail__eyebrow[data-v-f916adc1]:before{background:currentColor;border-radius:999px;content:"";height:6px;width:6px}.blog-detail h1[data-v-f916adc1]{color:var(--blog-ink);font-size:clamp(32px,4.4vw,56px);font-weight:760;letter-spacing:0;line-height:1.08;margin:0 0 24px;max-width:100%}.blog-detail__lede[data-v-f916adc1]{color:var(--blog-soft);font-size:clamp(17px,1.5vw,20px);line-height:1.6;margin:0 0 28px;max-width:100%}.blog-detail__meta-strip[data-v-f916adc1]{align-items:center;color:var(--blog-soft);display:flex;flex-wrap:wrap;font-size:13px;gap:20px}.blog-detail__meta-strip i[data-v-f916adc1]{background:var(--blog-border-strong);border-radius:999px;height:3px;width:3px}.blog-detail__toc h2[data-v-f916adc1]{color:var(--blog-soft);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.blog-detail__body[data-v-f916adc1]{display:grid;gap:64px;grid-template-columns:minmax(240px,320px) minmax(0,1fr);padding:32px 0 80px}.blog-detail__toc[data-v-f916adc1]{align-self:start;font-size:13px;position:sticky;top:96px}.blog-detail__toc ol[data-v-f916adc1]{border-left:1px solid var(--blog-border);list-style:none;margin:0;padding:0}.blog-detail__toc a[data-v-f916adc1]{border-left:2px solid transparent;color:var(--blog-soft);display:block;font-size:15px;line-height:1.4;margin-left:-1px;padding:8px 14px;text-decoration:none;transition:color .15s ease,border-color .15s ease,background .15s ease,font-weight .15s ease}.blog-detail__toc a.active[data-v-f916adc1],.blog-detail__toc a[data-v-f916adc1]:hover{color:var(--blog-ink)}.blog-detail__toc a.active[data-v-f916adc1]{background:#524df30a;border-left-color:var(--blog-violet);color:var(--blog-ink);font-weight:700}.blog-detail__toc>div[data-v-f916adc1]{background:var(--blog-surface);border-radius:999px;height:3px;margin-top:20px;overflow:hidden;position:relative}.blog-detail__toc>div span[data-v-f916adc1]{background:var(--blog-violet);display:block;height:100%;transition:width .1s linear;width:0}.blog-detail__article[data-v-f916adc1]{max-width:72ch}@media(max-width:940px){.blog-detail__body[data-v-f916adc1],.blog-detail__head[data-v-f916adc1]{gap:32px;grid-template-columns:1fr}.blog-detail__toc[data-v-f916adc1]{position:static}.blog-detail__toc ol[data-v-f916adc1]{border-left:0;border-top:1px solid var(--blog-border);display:flex;overflow-x:auto;padding-top:8px}.blog-detail__toc a[data-v-f916adc1],.blog-detail__toc a.active[data-v-f916adc1]{border-bottom:2px solid transparent;border-left:0;margin:0;white-space:nowrap}.blog-detail__toc a.active[data-v-f916adc1]{background:transparent;border-bottom-color:var(--blog-violet)}.blog-detail__toc>div[data-v-f916adc1]{display:none}}@media(max-width:640px){.blog-detail h1[data-v-f916adc1]{max-width:none}}