:root,[data-theme=light]{--blog-term:var(--color-4);--blog-term-ink:#fbfbfb;--blog-term-muted:color-mix(in oklab, #fbfbfb 62%, var(--color-4));--blog-term-line:color-mix(in oklab, #fbfbfb 14%, var(--color-4));--blog-term-hover:#fbfbfb1f;--blog-term-prompt:var(--color-3)}@supports (color:lab(0% 0 0)){:root,[data-theme=light]{--blog-term-hover:lab(98.6181% .0000298023 0/.12)}}[data-theme=dark]{--blog-term:color-mix(in oklab, var(--color-4) 82%, #fff);--blog-term-line:color-mix(in oklab, #fbfbfb 18%, var(--blog-term))}.blog-progress{transform-origin:0;transform:scaleX(var(--blog-read,0))}[data-article-body] :is(h2,h3,[data-blog-step]){scroll-margin-top:calc(64px + var(--space-l))}.blog-rail-fill{transform-origin:50% 0;transform:scaleY(var(--blog-steps,0));transition:transform var(--motion-large-duration) var(--motion-large-easing)}.blog-card{transition:transform var(--motion-large-duration) var(--motion-large-easing), box-shadow var(--motion-duration) var(--motion-easing)}@media (prefers-reduced-motion:reduce){.blog-card:hover{transform:none}}:root,[data-theme=light],[data-theme=dark]{--blog-body:18px;--blog-leading:31px;--blog-lead:23px;--blog-lead-leading:35px;--blog-lead-phone:20px;--blog-lead-phone-leading:31px;--blog-measure:62ch;--blog-gutter:200px;--blog-pad-l:0px;--blog-pad-r:0px;--blog-code-leading:22px;--blog-water:#020814}.blog-flow{grid-template-columns:[bleed-start] minmax(var(--space-m), 1fr) [wide-start] minmax(0, var(--blog-gutter)) [text-start] min(var(--blog-measure), calc(100% - 2 * var(--space-m))) [text-end] minmax(0, var(--blog-gutter)) [wide-end] minmax(var(--space-m), 1fr) [bleed-end];row-gap:var(--space-l);font-size:var(--blog-body);line-height:var(--blog-leading);display:grid}.blog-flow>*{grid-column:text;min-width:0}.blog-flow>[data-measure=wide]{grid-column:wide}.blog-flow>[data-measure=bleed]{grid-column:bleed}.blog-flow>[data-lead] p{font-size:var(--blog-lead);line-height:var(--blog-lead-leading);letter-spacing:var(--letter-spacing-l)}@media (max-width:767px){.blog-flow>[data-lead] p{font-size:var(--blog-lead-phone);line-height:var(--blog-lead-phone-leading)}}[data-article-body] :not(pre)>code{-webkit-box-decoration-break:clone;box-decoration-break:clone}.blog-opening{letter-spacing:-.02em;font-size:clamp(28px,2.2vw + 14px,46px);line-height:1.12}.blog-flow>[data-lead-moved]{display:none}.blog-flow:has(>[data-lead-moved]:first-child){padding-top:0}.blog-flow>[data-compact]+[data-compact]{margin-top:calc(var(--space-xxs) - var(--space-l))}.blog-flow>[data-post-block=h]:has(h2){margin-top:var(--space-xl)}[data-article-body] ul[data-post-list]{padding-left:0;list-style:none}[data-article-body] ul[data-post-list]>li{padding-left:1.5em;position:relative}[data-article-body] ul[data-post-list]>li:before{content:"";left:.2em;top:calc(var(--blog-leading) / 2 - .3em);background:var(--color-1);border-radius:.16em;width:.55em;height:.55em;position:absolute}[data-article-body] ul[data-post-list]>li:nth-child(4n+2):before{background:var(--color-2)}[data-article-body] ul[data-post-list]>li:nth-child(4n+3):before{background:var(--color-3)}[data-article-body] ul[data-post-list]>li:nth-child(4n+4):before{background:var(--app-ink);border-radius:999px}.blog-tile-indigo{background:var(--color-1);color:#fbfbfb;--ic-2:var(--color-3);--ic-bg:var(--color-1)}.blog-tile-pink{background:var(--color-2);color:var(--color-4);--ic-2:var(--color-1);--ic-bg:var(--color-2)}.blog-tile-lime{background:var(--color-3);color:var(--color-4);--ic-2:var(--color-1);--ic-bg:var(--color-3)}.blog-tile-ink{background:var(--app-ink);color:var(--app-canvas);--ic-2:var(--color-2);--ic-bg:var(--app-ink)}.blog-cover{transition:transform var(--motion-large-duration) var(--motion-large-easing)}.group:hover .blog-cover{transform:scale(1.025)}.blog-card:hover{transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){.group:hover .blog-cover{transform:none}}.blog-rail{transition:opacity var(--motion-duration) var(--motion-easing)}.blog-rail[data-hidden]{opacity:0;pointer-events:none}.blog-code-line:before{content:attr(data-n);text-align:right;width:2.6em;color:var(--app-ink-faint);-webkit-user-select:none;user-select:none;margin-right:1.2em;display:inline-block}.blog-flow{column-gap:0}.blog-flow [data-blog-block=cards] :is(p,li),.blog-flow [data-blog-block=callout] :is(p,li){font-size:inherit;line-height:inherit}@media (min-width:1280px){:root{--blog-pad-l:280px;--blog-gutter:220px}}@media (min-width:1600px){:root{--blog-pad-r:280px}}@media (min-width:1880px){:root{--blog-gutter:300px}}.blog-page{padding-left:var(--blog-pad-l);padding-right:var(--blog-pad-r)}.blog-flow>[data-measure=bleed]{margin-left:calc(-1 * var(--blog-pad-l));margin-right:calc(-1 * var(--blog-pad-r));padding-left:var(--blog-pad-l);padding-right:var(--blog-pad-r)}.blog-rail-slot{top:112px;left:var(--space-l);scrollbar-width:none;z-index:10;width:220px;max-height:calc(100vh - 140px);position:fixed;overflow-y:auto}.blog-rpc .blog-rpc-layer{transition:opacity var(--motion-large-duration) var(--motion-large-easing)}.blog-rpc[data-rpc-on] .blog-rpc-layer{animation:blog-rpc-rise .64s var(--motion-large-easing) both;animation-delay:calc(var(--i) * 90ms)}@keyframes blog-rpc-rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.blog-rpc[data-rpc-on] .blog-rpc-layer{animation:none}}
