.blog-prose{font-family:var(--font-sans);font-size:var(--text-prose);line-height:var(--leading-relaxed);color:var(--color-ink);text-wrap:pretty;overflow-wrap:break-word}.blog-prose>*+*{margin-top:1.5em}.blog-prose h2,.blog-prose h3,.blog-prose h4{font-family:var(--font-sans);font-weight:700;line-height:var(--leading-tight);text-wrap:balance;scroll-margin-top:2rem}.blog-prose h2{font-size:var(--text-xl);margin-top:2.5em}.blog-prose h3{font-size:var(--text-lg);margin-top:2em}.blog-prose h4{font-size:var(--text-md);margin-top:1.75em}.blog-prose :is(h2,h3,h4)+*{margin-top:.75em}.blog-prose em{font-style:italic}.blog-prose a{text-underline-offset:3px;text-decoration:underline 1px;transition:text-decoration-thickness .12s}.blog-prose a:hover{font-style:normal;text-decoration-thickness:2px}.blog-prose ul,.blog-prose ol{padding-left:1.5em}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li+li{margin-top:.4em}.blog-prose li::marker{color:color-mix(in srgb, var(--color-ink) 40%, transparent)}.blog-prose :not(pre)>code{font-family:var(--font-mono);background-color:var(--color-surface);overflow-wrap:anywhere;border-radius:.25rem;padding:.1em .35em;font-size:.9em}.blog-prose pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-normal);border-radius:.5rem;padding:1rem 1.25rem;overflow-x:auto}.blog-prose .figure-block{margin-top:2.5rem;margin-bottom:2.5rem}.blog-prose .figure-block--sm{max-width:26.75rem}.blog-prose svg.figure{width:100%;height:auto;color:var(--color-ink);display:block}.blog-prose .figure-block figcaption{margin-top:.75rem}.blog-prose svg.figure text{font-family:var(--font-mono);fill:currentColor;font-size:13px}.blog-prose svg.figure text.dim{fill:color-mix(in srgb, currentColor 55%, transparent)}.blog-prose .demo{margin-top:2.5rem;margin-bottom:2.5rem}.blog-prose .demo-filter{width:0;height:0;position:absolute}.blog-prose .demo-radio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.blog-prose .demo-screens{flex-wrap:wrap;gap:2.5rem;display:flex}.blog-prose .demo-cap{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-muted);margin-bottom:.6rem;display:block}.blog-prose .demo-grid{grid-template-columns:repeat(3,56px);grid-auto-rows:46px;gap:8px;width:max-content;display:grid;position:relative}.blog-prose .demo-radio:focus-visible~.demo-screens .demo-grid{outline-offset:8px;outline:2px solid}.blog-prose .demo-cell{--cell-bg:color-mix(in srgb, currentColor 8%, transparent);cursor:pointer;transform-origin:0 0;font-family:var(--font-mono);color:var(--color-ink-muted);place-items:center;font-size:13px;display:grid;position:relative}.blog-prose .demo-cell:before{content:"";background-color:var(--cell-bg);filter:url(#demo-scribble);border:2px solid;border-radius:4px;position:absolute;inset:0}.blog-prose .demo-cell:hover{--cell-bg:color-mix(in srgb, currentColor 16%, transparent)}.blog-prose .demo-num{position:relative}.blog-prose .demo-radio-a:not(:where(#a-none)):checked~.demo-screens .demo-grid--snap .demo-cell,.blog-prose .demo-radio-b:not(:where(#b-none)):checked~.demo-screens .demo-grid--anim .demo-cell{opacity:.18}.blog-prose #a0:checked~.demo-screens .demo-grid--snap .cell-0,.blog-prose #a1:checked~.demo-screens .demo-grid--snap .cell-1,.blog-prose #a2:checked~.demo-screens .demo-grid--snap .cell-2,.blog-prose #a3:checked~.demo-screens .demo-grid--snap .cell-3,.blog-prose #a4:checked~.demo-screens .demo-grid--snap .cell-4,.blog-prose #a5:checked~.demo-screens .demo-grid--snap .cell-5,.blog-prose #a6:checked~.demo-screens .demo-grid--snap .cell-6,.blog-prose #a7:checked~.demo-screens .demo-grid--snap .cell-7,.blog-prose #a8:checked~.demo-screens .demo-grid--snap .cell-8,.blog-prose #b0:checked~.demo-screens .demo-grid--anim .cell-0,.blog-prose #b1:checked~.demo-screens .demo-grid--anim .cell-1,.blog-prose #b2:checked~.demo-screens .demo-grid--anim .cell-2,.blog-prose #b3:checked~.demo-screens .demo-grid--anim .cell-3,.blog-prose #b4:checked~.demo-screens .demo-grid--anim .cell-4,.blog-prose #b5:checked~.demo-screens .demo-grid--anim .cell-5,.blog-prose #b6:checked~.demo-screens .demo-grid--anim .cell-6,.blog-prose #b7:checked~.demo-screens .demo-grid--anim .cell-7,.blog-prose #b8:checked~.demo-screens .demo-grid--anim .cell-8{--cell-bg:var(--color-surface);opacity:1;z-index:2;color:var(--color-ink);transform:translate(calc(var(--c) * -64px), calc(var(--r) * -54px)) scale(3.2857, 3.3478)}.blog-prose .demo-grid--anim .demo-cell{transition:transform .34s cubic-bezier(.2,.8,.2,1),opacity .2s}@media (prefers-reduced-motion:reduce){.blog-prose .demo-grid--anim .demo-cell{transition:none}}.blog-prose .demo figcaption{margin-top:.9rem}.blog-prose .demo-close{z-index:3;cursor:pointer;pointer-events:none;position:absolute;inset:0}.blog-prose .demo-radio-a:not(:where(#a-none)):checked~.demo-screens .demo-grid--snap .demo-close,.blog-prose .demo-radio-b:not(:where(#b-none)):checked~.demo-screens .demo-grid--anim .demo-close{pointer-events:auto}.blog-prose img{border-radius:.5rem;width:100%;height:auto;margin-top:2rem;margin-bottom:2rem;display:block}.blog-prose blockquote{border-left:2px dotted color-mix(in srgb, var(--color-ink) 30%, transparent);max-width:42ch;padding-left:1.25rem}.blog-prose hr{border:0;border-top:1px dotted color-mix(in srgb, var(--color-ink) 30%, transparent);margin-top:2.5em;margin-bottom:2.5em}.blog-prose .table-container{--table-min-width:34rem;overflow-x:auto}.blog-prose .table-container table{min-width:var(--table-min-width)}.blog-prose table{font-family:var(--font-mono);table-layout:fixed;border-collapse:collapse;width:100%;font-size:var(--text-xs);line-height:var(--leading-normal);text-align:left}.blog-prose thead th:first-child{width:22%}.blog-prose thead th:nth-child(2){width:35%}.blog-prose thead th:nth-child(3){width:29%}.blog-prose :is(th,td){text-align:left;vertical-align:top;border-bottom:1px dotted color-mix(in srgb, var(--color-ink) 30%, transparent);overflow-wrap:break-word;padding:.85em 1em .85em 0}.blog-prose :is(th,td):last-child{padding-right:0}.blog-prose th{font-weight:400;font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-muted);border-bottom-color:color-mix(in srgb, var(--color-ink) 25%, transparent);padding-bottom:.6em}.blog-prose tbody tr:last-child :is(th,td){border-bottom:0}.blog-prose figcaption{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:-1.25rem}.blog-prose sup:has(a[data-footnote-ref]){font-size:.8em;line-height:0}.blog-prose a[data-footnote-ref]{font-family:var(--font-mono);color:var(--color-ink-muted);padding:.4em .2em .4em .15em;text-decoration:none}.blog-prose a[data-footnote-ref]:hover{color:var(--color-ink);text-decoration:underline}.blog-prose .footnotes{border-top:1px dotted color-mix(in srgb, var(--color-ink) 20%, transparent);font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:3em;padding-top:1.5em}.blog-prose .footnotes li{scroll-margin-top:2rem}.blog-prose .footnotes li+li{margin-top:.75em}.blog-prose a[data-footnote-backref]{font-family:var(--font-mono);font-variant-emoji:text;padding-left:.3em;text-decoration:none}