.blog-article{--blog-radius:8px;--article-measure:800px;--article-gutter:16px;color:var(--text);font-size:18px;line-height:1.7}.blog-hero,.blog-column,.blog-summary,.blog-article--editorial .blog-toc{width:min(var(--article-measure), calc(100% - 2 * var(--article-gutter)));min-width:0;margin-inline:auto}.blog-hero{--blog-hero-gap:20px;align-items:start;gap:var(--blog-hero-gap);border-bottom:1px solid var(--border);flex-direction:column;padding-block:70px 48px;display:flex}.blog-hero>*,.blog-prose p,.blog-column h2,.blog-column h3,.blog-column h4{margin:0}.blog-hero>.blog-eyebrow+h1{margin-top:calc(var(--rhythm-tight) - var(--blog-hero-gap))}.blog-hero h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(36px,4.2vw,64px);font-weight:700;line-height:1.2}.blog-lead{color:var(--muted);font-size:24px;line-height:1.5}.blog-back{font-size:16px;text-decoration:none}.blog-article a{color:var(--link);text-underline-offset:.2em}.blog-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600;line-height:1.7}.blog-byline{color:var(--muted);font-size:14px}.blog-metadata{color:var(--muted);flex-wrap:wrap;gap:8px 22px;font-size:13px;display:flex}.blog-reading{padding-block:56px 80px}.blog-summary{background:var(--surface);border:1px solid var(--border);overflow-wrap:anywhere;flex-direction:column;grid-column:1/-1;gap:12px;margin-bottom:24px;padding:24px;display:flex}.blog-summary>p,.blog-summary ul{margin:0}.blog-summary-label{letter-spacing:.08em;text-transform:uppercase;color:var(--link);font-size:12px;font-weight:600;line-height:1.6}.blog-summary-lead{font-size:17px;font-weight:600;line-height:1.5}.blog-summary ul{padding:0;font-size:16px;line-height:1.6;list-style:none}.blog-summary li{grid-template-columns:20px minmax(0,1fr);gap:12px;display:grid}.blog-summary li+li{margin-top:8px}.blog-summary-bullet{color:var(--link)}.blog-prose{overflow-wrap:anywhere}.blog-prose>*+*,.blog-prose>*+p,.blog-column>*+*{margin-top:24px}.blog-prose h2{letter-spacing:-.035em;margin-top:56px;font-size:32px;font-weight:600;line-height:1.2}.blog-prose>h2:first-child{margin-top:0}.blog-prose h3{letter-spacing:-.025em;margin-top:32px;font-size:24px;font-weight:600;line-height:1.2}.blog-prose h4{margin-top:24px;font-size:20px;font-weight:600;line-height:1.3}.blog-prose :is(h2,h3,h4){scroll-margin-top:calc(var(--article-header-height,var(--header-height)) + 24px)}.blog-prose :is(ul,ol){padding-left:32px}.blog-prose li+li{margin-top:10px}.blog-prose li::marker{color:var(--link)}.blog-prose li>ul,.blog-prose li>ol{margin-block:10px}.blog-prose li>.blog-code{margin-block:24px}.blog-prose :is(code,kbd,pre){font-family:var(--font-mono)}.blog-prose :not(pre)>code,.blog-prose kbd{background:var(--warm-secondary);padding:2px 6px;font-size:.85em}.blog-prose kbd{border:1px solid var(--border);border-radius:var(--radius-sm)}.blog-prose blockquote{border-left:2px solid var(--border);margin-inline:0;padding-left:24px}.blog-prose blockquote p{letter-spacing:-.025em;font-size:26px;font-weight:600;line-height:1.5}.blog-prose blockquote footer{color:var(--muted);margin-top:14px;font-size:14px}.blog-prose blockquote p:first-of-type:before{content:open-quote}.blog-prose blockquote p:last-of-type:after{content:close-quote}.blog-prose blockquote footer:before{content:"— "}.blog-prose img{max-width:100%;height:auto}.blog-callout{border-left:3px solid var(--link);background:var(--warm-secondary);padding:24px 26px}.blog-callout>*+*,.blog-callout>*+p{margin-top:8px}.blog-callout p:not(.blog-eyebrow){font-size:17px}.blog-callout-warning{border-left-color:var(--error)}.blog-callout-success{border-left-color:var(--success)}.blog-prose figure{margin:32px 0 0}.blog-figure picture{background:var(--warm-secondary);padding:8px;display:block}.blog-figure picture img{width:100%;height:auto;display:block}.blog-figure .blog-picture-dark,:root[data-theme=dark] .blog-figure .blog-picture-light{display:none}:root[data-theme=dark] .blog-figure .blog-picture-dark{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme]) .blog-figure .blog-picture-light{display:none}:root:not([data-theme]) .blog-figure .blog-picture-dark{display:block}}.blog-prose figcaption{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.5}.blog-credit{margin-top:6px;display:block}.blog-original{margin-top:8px;font-size:13px;display:inline-block}.blog-code{color:#efefef;border-radius:var(--blog-radius);background:#171717;border:1px solid #333;min-width:0;max-width:100%;overflow:hidden}.blog-code-head{color:#b8caff;overflow-wrap:anywhere;border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;font-size:12px;display:flex}.blog-code button{color:#efefef;cursor:pointer;background:0 0;border:1px solid #777;flex-shrink:0;min-height:32px;padding:5px 10px;font-size:12px}.blog-code pre{tab-size:2;max-width:100%;margin:0;padding:22px;font-size:15px;line-height:1.7;overflow:auto}.blog-code pre code{font-size:inherit;white-space:pre;overflow-wrap:normal;background:0 0;padding:0}.blog-code .astro-code{background-color:var(--shiki-dark-bg)!important;color:var(--shiki-dark)!important}.blog-code .astro-code span{color:var(--shiki-dark)!important}.blog-code-line-number{inline-size:calc(var(--blog-code-line-digits) * 1ch);text-align:end;font-variant-numeric:tabular-nums;user-select:none;margin-inline-end:1.5em;display:inline-block}.blog-code-line-number:before{content:attr(data-line);color:#b8b8b8}.blog-table-scroll{border-bottom:1px solid var(--border);max-width:100%;overflow:auto}.blog-prose table{border-collapse:collapse;width:100%;min-width:540px;font-size:15px;line-height:1.6}.blog-prose :is(th,td){vertical-align:top;text-align:left;border-bottom:1px solid var(--border);padding:16px 16px 16px 0}.blog-prose th{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.blog-prose th[scope=row]{font-size:inherit;letter-spacing:normal;text-transform:none}.blog-prose caption{text-align:left;margin-bottom:10px;font-size:14px;font-weight:600}.blog-prose details{border-block:1px solid var(--border);padding:18px 0}.blog-prose details>:not(summary){margin-top:16px}.blog-prose summary{cursor:pointer;font-size:17px;font-weight:600}.blog-prose dl{margin-inline:0}.blog-prose dt{font-weight:600}.blog-prose dd{margin-top:6px;margin-left:0}.blog-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.blog-variant{min-width:0}.blog-variant>*+*,.blog-variant>*+p{margin-top:12px}.blog-metric{border-block:1px solid var(--border);padding:24px 0}.blog-metric strong{font-size:36px;font-weight:600}.blog-metric-note{color:var(--muted);font-size:14px;margin-top:10px!important}.blog-prose hr{border:0;border-top:1px solid var(--border);margin-block:40px}.blog-prose .contains-task-list{padding-left:0;list-style:none}.blog-prose .task-list-item input{accent-color:var(--link);margin-right:12px}.blog-related{border-top:1px solid var(--border);padding-top:32px;margin-top:56px!important}.blog-related a{margin:18px 0 6px;font-size:22px;font-weight:600;text-decoration:none;display:inline-block}.blog-related p,.blog-cta p:not(.blog-eyebrow){font-size:16px}.blog-revisions{border:1px solid var(--border);color:var(--muted);padding:20px;font-size:14px}.blog-revisions h2{font-size:17px}.blog-cta{border-top:1px solid var(--border);padding-block:40px}.blog-cta h2{font-size:26px;font-weight:600;line-height:1.2}.blog-cta p:not(.blog-eyebrow){margin-block:12px 20px}.blog-cta .blog-eyebrow{margin:0 0 var(--rhythm-tight)}.blog-cta .button{white-space:normal;text-align:center}.blog-cta .button--accent{color:var(--accent-ink)}.blog-toc{font-size:13px;line-height:1.5}.blog-toc ol{margin:0;padding:0;list-style:none}.blog-toc a{color:var(--muted);padding:8px 0;text-decoration:none;display:block}.blog-toc a:hover{color:var(--link)}.blog-toc-depth-3{padding-left:14px}.blog-toc-depth-4{padding-left:28px}.blog-toc summary{cursor:pointer;border:1px solid var(--border);padding:12px 16px;font-weight:600}.blog-toc details ol{border:1px solid var(--border);border-top:0;padding:12px 16px}.blog-article--editorial .blog-toc-desktop{display:none}.blog-article--editorial .blog-toc{margin-bottom:34px}.blog-article--technical{--article-measure:760px}.blog-article--technical.blog-article--toc .blog-reading{grid-template-columns:216px minmax(0,760px);align-items:start;gap:64px;width:min(1152px,100% - 32px);margin-inline:auto;display:grid}.blog-article--technical.blog-article--toc .blog-column{width:100%}.blog-article--technical .blog-toc{top:calc(var(--article-header-height,var(--header-height)) + 24px);position:sticky}.blog-article--technical.blog-article--toc .blog-summary{grid-column:2;width:100%;margin-bottom:0}.blog-article--technical .blog-toc .blog-eyebrow{margin-bottom:18px}.blog-article--technical .blog-toc-mobile{display:none}[hidden]{display:none!important}@media (width<=1000px) and (width>=761px){.blog-article--technical.blog-article--toc .blog-reading{grid-template-columns:170px minmax(0,1fr);gap:36px}}@media (width<=760px){.blog-article{font-size:17px}.blog-hero{--blog-hero-gap:16px;padding-block:40px 32px}.blog-hero h1{font-size:36px}.blog-lead{font-size:20px}.blog-metadata{flex-direction:column;gap:6px;font-size:12px}.blog-reading{padding-block:26px 56px}.blog-summary{margin-bottom:22px;padding:20px}.blog-article--technical.blog-article--toc .blog-summary{margin-bottom:34px}.blog-prose>*+*,.blog-prose>*+p{margin-top:22px}.blog-prose li>.blog-code{margin-block:22px}.blog-prose h2{margin-top:42px;font-size:27px}.blog-prose h3,.blog-prose blockquote p{font-size:22px}.blog-callout{border-left-width:2px;padding:20px}.blog-callout p:not(.blog-eyebrow){font-size:16px}.blog-figure picture{padding:0}.blog-original{padding-block:10px}.blog-code-head{padding:10px 14px}.blog-code pre{padding:16px;font-size:14px}.blog-comparison{grid-template-columns:minmax(0,1fr);gap:28px}.blog-article--technical.blog-article--toc .blog-reading{width:100%;display:block}.blog-article--technical.blog-article--toc .blog-column,.blog-article--technical.blog-article--toc .blog-summary,.blog-article--technical .blog-toc{width:min(var(--article-measure), calc(100% - 32px));margin-inline:auto}.blog-article--technical .blog-toc{margin-bottom:34px;position:static}.blog-article--technical .blog-toc-desktop{display:none}.blog-article--technical .blog-toc-mobile{display:block}}@media print{body{color:#000;background:#fff}.blog-toc,.blog-code button,.site-header,.site-footer,.privacy-panel,.skip-link{display:none!important}.blog-article{--surface:#fff;--text:#000;--muted:#444;--link:#000;--warm-secondary:#fff;--border:#ccc;color:#000}.blog-hero,.blog-column,.blog-summary{max-width:none;width:100%!important}.blog-hero{padding-top:0}.blog-reading{width:100%!important;display:block!important}.blog-callout,.blog-summary,.blog-figure{break-inside:avoid}.blog-code pre,.blog-code pre code{white-space:pre-wrap;overflow-wrap:anywhere}.blog-code,.blog-code .astro-code,.blog-code .astro-code span{color:#000!important;background:#fff!important}.blog-table-scroll{overflow:visible}.blog-prose table{min-width:0}.blog-figure .blog-picture-light{display:block!important}.blog-figure .blog-picture-dark{display:none!important}}.blog-prose .blog-demo{margin-top:var(--rhythm-block);font-size:16px;line-height:1.6;container:blog-demo/inline-size}.blog-demo-head .blog-demo-title{text-wrap:balance;margin-top:2px;font-size:20px;font-weight:600;line-height:1.3}.blog-demo-note{margin-top:var(--space-xs);text-wrap:pretty;color:var(--muted)}.blog-demo-stage{align-content:start;gap:var(--space-md);margin-top:var(--space-sm);padding:var(--space-md);min-width:0;min-block-size:var(--blog-demo-reserved-size);border-radius:var(--blog-radius);background-color:var(--surface);background-image:radial-gradient(color-mix(in srgb, var(--link) 20%, transparent) 1.5px, transparent 1.5px);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000a, 0 8px 24px -12px #00000014;background-size:16px 16px;display:grid;container-type:inline-size}.blog-demo[data-ready]>.blog-demo-stage{min-block-size:0}[data-blog-demo=request-deadline]{--blog-demo-reserved-size:560px}[data-blog-demo=block-centring]{--blog-demo-reserved-size:471.6px;--blog-demo-stacked-size:844px}[data-blog-demo=block-centring][data-locale=pt]{--blog-demo-stacked-size:924.8px}[data-blog-demo=grapheme-count]{--blog-demo-reserved-size:864px}@container blog-demo (width<=672px){[data-blog-demo=grapheme-count]>.blog-demo-stage{--blog-demo-reserved-size:1152px}}@container blog-demo (width<=640px){[data-blog-demo=request-deadline]>.blog-demo-stage{--blog-demo-reserved-size:720px}}@container blog-demo (width<=600px){[data-blog-demo=block-centring]>.blog-demo-stage{--blog-demo-reserved-size:548.8px}}@container blog-demo (width<=496px){[data-blog-demo=block-centring]>.blog-demo-stage{--blog-demo-reserved-size:var(--blog-demo-stacked-size)}}@container blog-demo (width<=352px){[data-blog-demo=grapheme-count]>.blog-demo-stage{--blog-demo-reserved-size:1536px}}@container blog-demo (width<=320px){[data-blog-demo=block-centring]>.blog-demo-stage{--blog-demo-reserved-size:968.8px}}@media (scripting:none){.blog-demo-stage{min-block-size:0}}.blog-demo-stage>*{min-width:0;margin:0}.blog-demo-fallback,.blog-demo-hint,.blog-demo-status{color:var(--muted);font-size:14px}.blog-demo-toolbar{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.blog-demo-actions{gap:var(--space-xs);display:flex}.blog-demo-button{background:var(--surface);min-height:40px;color:var(--text);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000d;font:inherit;cursor:pointer;transition-property:background-color,opacity,scale;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-out);border:0;border-radius:6px;padding:0 16px;font-size:14px;font-weight:500}.blog-demo-button:active:not(:disabled),.blog-demo-segmented button:active{scale:.96}.blog-demo-button:hover:not(:disabled){background:var(--warm-secondary)}.blog-demo-button--primary{background:var(--text);color:var(--page);box-shadow:0 1px 2px #0000001f}.blog-demo-button--primary:hover:not(:disabled){background:var(--text);opacity:.88}.blog-demo-button:disabled{cursor:default;opacity:.45}.blog-demo-segmented{background:var(--warm-secondary);border-radius:6px;padding:3px;display:inline-flex}.blog-demo-segmented button{min-height:34px;color:var(--muted);font:inherit;cursor:pointer;transition-property:background-color,color,box-shadow,scale;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-out);background:0 0;border:0;border-radius:3px;padding:0 14px;font-size:13px;font-weight:500}.blog-demo-segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--border)}.blog-demo button:focus-visible{outline:2px solid var(--link);outline-offset:2px}.blog-demo-network{grid-template:"inputs node.endpoints"252px/auto auto minmax(48px,1fr) minmax(0,10rem);align-items:center;display:grid;position:relative}.blog-demo-network>:not(.blog-demo-wires){position:relative}.blog-demo-inputs{grid-area:inputs;gap:64px;margin-inline-end:48px;display:grid}.blog-demo-input{background:var(--surface);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000a;transition:box-shadow .2s var(--ease-out);border-radius:6px;gap:6px;padding:8px 10px;font-size:12px;display:grid}.blog-demo-input[data-fired]{box-shadow:0 0 0 1.5px var(--text), 0 2px 8px #00000014}.blog-demo .blog-demo-input code{white-space:nowrap;background:0 0;padding:0;font-size:12px}.blog-demo-triggers{flex-wrap:wrap;gap:4px;display:flex}.blog-demo-trigger{background:var(--warm-secondary);color:var(--muted);transition-property:background-color,color;transition-duration:.2s;transition-timing-function:var(--ease-out);border-radius:999px;padding:1px 7px;font-size:11px;line-height:18px}.blog-demo-trigger[data-on]{background:var(--text);color:var(--page)}.blog-demo-countdown{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.blog-demo-countdown-track{background:var(--warm-secondary);border-radius:999px;flex:1;block-size:4px;min-inline-size:48px;overflow:hidden}.blog-demo-countdown-bar{background:var(--link);block-size:100%;inline-size:0;display:block}.blog-demo-input[data-fired] .blog-demo-countdown-bar{background:var(--error)}.blog-demo-input[data-fired] .blog-demo-countdown{color:var(--error)}.blog-demo-sender{aspect-ratio:1;background:var(--surface);inline-size:96px;box-shadow:0 0 0 1px var(--border), 0 2px 6px #0000000f;text-align:center;border-radius:50%;grid-area:node;place-content:center;justify-items:center;display:grid}.blog-demo-sender[data-fired]{animation:blog-demo-signal .6s var(--ease-out)}@keyframes blog-demo-signal{0%{box-shadow:0 0 0 1px var(--text), 0 0 0 0 color-mix(in srgb, var(--text) 30%, transparent)}to{box-shadow:0 0 0 1px var(--border), 0 0 0 14px transparent}}.blog-demo .blog-demo-sender code{background:0 0;padding:0;font-size:15px;font-weight:600}.blog-demo-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.blog-demo-wires{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.blog-demo-wire{--wire:var(--link)}.blog-demo-wire[data-state=done]{--wire:var(--success)}.blog-demo-wire[data-state=failed],.blog-demo-wire[data-state=error]{--wire:var(--error)}.blog-demo-wire[data-state=cancelled]{--wire:var(--muted)}.blog-demo-wire[data-state=fired]{--wire:var(--text)}.blog-demo-wire[data-state=fired] .blog-demo-wire-fill{transition:stroke-dashoffset .3s var(--ease-out)}.blog-demo-wire-track,.blog-demo-wire-fill{fill:none;stroke-width:2px;stroke-linecap:round}.blog-demo-wire-track{stroke:var(--border);stroke-dasharray:2 6}.blog-demo-wire-fill{stroke:var(--wire);transition:stroke .2s var(--ease-out)}.blog-demo-wire[data-state=idle] .blog-demo-wire-fill{stroke:none}.blog-demo-wire[data-state=cancelled] .blog-demo-wire-fill{opacity:.5}.blog-demo-packet{fill:var(--wire);stroke:var(--surface);stroke-width:2px;opacity:0;transition:opacity .2s var(--ease-out)}.blog-demo-wire[data-state=pending] .blog-demo-packet{opacity:1}.blog-demo-endpoint[data-state=done] .blog-demo-node{animation:blog-demo-arrive .5s var(--ease-out)}@keyframes blog-demo-arrive{0%{box-shadow:0 0 0 1px var(--node), 0 0 0 0 color-mix(in srgb, var(--node) 40%, transparent)}to{box-shadow:0 0 0 1px var(--node), 0 0 0 10px transparent}}.blog-prose .blog-demo-endpoints{grid-area:endpoints;grid-template-rows:repeat(3,minmax(0,1fr));align-self:stretch;min-inline-size:0;margin:0;padding:0;list-style:none;display:grid}.blog-prose .blog-demo-endpoint{--node:var(--border);min-inline-size:0;color:var(--muted);transition:color .2s var(--ease-out);align-items:center;gap:10px;margin:0;display:flex}.blog-demo-endpoint>span:last-child{overflow-wrap:anywhere;flex:1;min-inline-size:0}.blog-demo-endpoint:before{content:"";border-block:5px solid #0000;border-inline-start:7px solid var(--node);transition:border-color .2s var(--ease-out);margin-inline-end:-8px}.blog-demo-endpoint[data-state=pending]{--node:var(--link);color:var(--link)}.blog-demo-endpoint[data-state=done]{--node:var(--success);color:var(--success)}.blog-demo-endpoint[data-state=failed],.blog-demo-endpoint[data-state=error]{--node:var(--error);color:var(--error)}.blog-demo-node{aspect-ratio:1;background:var(--surface);inline-size:48px;box-shadow:0 0 0 1px var(--node), 0 2px 6px #0000000f;transition:box-shadow .2s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.blog-demo-node svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;inline-size:20px;transition-property:opacity,scale,filter;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,0,0,1)}@starting-style{.blog-demo-node svg{opacity:0;filter:blur(4px);scale:.25}}.blog-demo-endpoint[data-state=pending] .blog-demo-node svg{animation:1s linear infinite blog-demo-spin}@keyframes blog-demo-spin{to{rotate:1turn}}.blog-demo .blog-demo-endpoint code{color:var(--text);background:0 0;padding:0;font-size:13px;display:block}.blog-demo-node-note{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;display:block}.blog-demo-status{text-wrap:pretty;min-height:3em}.blog-demo[data-ready] .blog-demo-fallback{display:none}.blog-demo-sources{align-items:start;gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.blog-demo-sources>*{min-width:0}.blog-article:not(.blog-article--toc) .blog-demo-sources{margin-inline:calc(-1 * max(0px, min(160px, (100vw - var(--article-measure)) / 2 - 24px)))}@media (width>=1001px){.blog-article--technical.blog-article--toc .blog-demo-sources{margin-inline:calc(-1*max(0px,min(184px,50vw - 512px,100vw - 1104px)))}}.blog-demo-sources pre{max-height:460px;padding:18px;font-size:13px}.blog-demo-sources>.blog-code{margin:0}@media (prefers-reduced-motion:reduce){.blog-demo-endpoint[data-state=done] .blog-demo-node,.blog-demo-endpoint[data-state=pending] .blog-demo-node svg{animation:none}.blog-demo-node svg{transition:none}}@media (width<=760px){.blog-demo-stage{padding:var(--space-sm)}.blog-demo-node{inline-size:40px}.blog-demo-button,.blog-demo-segmented button{min-height:44px}.blog-demo-sources pre{max-height:360px}}@container (width<=560px){.blog-demo-network{grid-template:"inputs inputs inputs""node.endpoints"216px/auto minmax(32px,1fr) minmax(0,10rem);row-gap:40px}.blog-demo-inputs{gap:var(--space-xs);flex-wrap:wrap;margin:0;display:flex}.blog-demo-sender{inline-size:80px}}@media print{.blog-demo-stage{display:none!important}}.blog-demo-segmented{flex-wrap:wrap}.blog-demo-toggle{background:var(--surface);min-height:40px;color:var(--muted);box-shadow:0 0 0 1px var(--border);font-family:var(--font-mono);cursor:pointer;transition-property:background-color,color,box-shadow,scale;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-out);border:0;border-radius:6px;padding:0 12px;font-size:12px}.blog-demo-toggle[aria-pressed=true]{background:var(--text);color:var(--page);box-shadow:none}.blog-demo-toggle:active{scale:.96}.blog-demo-label,.blog-demo-field{color:var(--muted);font-size:13px;font-weight:500}.blog-demo-variants{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));display:grid}.blog-demo-variant{align-content:start;gap:var(--space-xs);min-width:0;display:grid}.blog-demo-panel{display:block}.blog-prose .blog-demo-facts{flex-wrap:wrap;align-items:start;gap:6px;margin:0;padding:0;list-style:none;display:flex}.blog-prose .blog-demo-facts>li{white-space:nowrap;background:var(--warm-secondary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);border-radius:999px;margin:0;padding:2px 8px;font-size:12px}.blog-demo-facts li span{color:var(--muted)}.blog-demo-facts li[data-warn]{background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error)}.blog-demo-field{margin-bottom:-16px}.blog-demo-stage>input[type=text]{background:var(--surface);min-height:48px;color:var(--text);box-shadow:0 0 0 1px var(--border), 0 1px 2px #0000000a;font:inherit;border:0;border-radius:6px;padding:8px 14px;font-size:22px}.blog-demo-stage>input[type=text]:focus-visible{outline:2px solid var(--link);outline-offset:2px}.blog-prose .blog-demo-tiles{gap:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));margin:0;display:grid}.blog-demo-tiles>div{background:var(--surface);box-shadow:0 0 0 1px var(--border);border-radius:6px;gap:4px;padding:12px 14px;display:grid}.blog-demo-tiles>div[data-main]{box-shadow:0 0 0 1.5px var(--text)}.blog-demo-tiles dt{color:var(--muted);font-size:13px;display:grid}.blog-demo .blog-demo-tiles code,.blog-demo .blog-demo-results code{background:0 0;padding:0;font-size:12px}.blog-demo-tiles dd{font-variant-numeric:tabular-nums;margin:0;font-size:32px;font-weight:600;line-height:1.1}.blog-demo-segments{gap:var(--space-xs);display:grid}.blog-prose .blog-demo-graphemes{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));grid-auto-rows:1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.blog-prose .blog-demo-graphemes>li{background:var(--surface);min-block-size:64px;min-inline-size:0;box-shadow:0 0 0 1px var(--border);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--muted);border-radius:6px;grid-template-rows:32px auto;place-items:center;margin:0;padding:6px 4px;font-size:11px;display:grid}.blog-demo-glyph{inline-size:100%;min-inline-size:0;font-family:var(--font-body);color:var(--text);place-items:center;font-size:22px;line-height:1.3;display:grid}.blog-prose .blog-demo-results{align-items:baseline;gap:8px var(--space-sm);grid-template-columns:auto 1fr;margin:0;display:grid}.blog-demo-results dd{flex-wrap:wrap;align-items:baseline;gap:4px 10px;min-width:0;margin:0;display:flex}.blog-demo-output{overflow-wrap:anywhere;font-size:22px}.blog-demo-flag{background:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error);border-radius:999px;padding:1px 8px;font-size:12px}.blog-demo-status:empty{display:none}.blog-demo-slider{align-items:baseline;gap:2px var(--space-sm);min-inline-size:min(100%,240px);color:var(--muted);grid-template-columns:1fr auto;font-size:13px;font-weight:500;display:grid}.blog-demo-slider output{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text);font-size:12px}.blog-demo-slider input{block-size:24px;inline-size:100%;accent-color:var(--text);cursor:pointer;grid-column:1/-1;margin:0}.blog-demo-slider input:focus-visible{outline:2px solid var(--link);outline-offset:2px}.blog-toc-desktop [data-covered]{opacity:0;pointer-events:none}.blog-toc-desktop a,.blog-toc-desktop .blog-eyebrow{transition:opacity var(--motion-fast) var(--ease-out)}