.post-grid{grid-template-columns:minmax(0,1fr);display:grid}.post-rail{display:none}@media (min-width:1024px){.post-grid{grid-template-columns:minmax(0,1fr) 13.5rem;grid-template-areas:"header header""main rail";column-gap:max(2.5rem,min(4.5vw,4.5rem))}.post-header{grid-area:header}.post-main{grid-area:main;min-width:0}.post-rail{grid-area:rail;display:block}}.post-meta{flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem;display:flex}.meta-item{align-items:center;gap:.45rem;display:inline-flex}.meta-item svg{opacity:.8;flex:none;width:.95rem;height:.95rem}.prose-blog{--tw-prose-body:var(--ink-soft);--tw-prose-headings:var(--foreground);--tw-prose-lead:var(--ink-soft);--tw-prose-links:var(--link);--tw-prose-bold:var(--foreground);--tw-prose-counters:var(--muted-foreground);--tw-prose-bullets:var(--muted-foreground);--tw-prose-hr:var(--rule);--tw-prose-quotes:var(--ink-soft);--tw-prose-quote-borders:var(--rule);--tw-prose-captions:var(--muted-foreground);--tw-prose-code:var(--foreground);--tw-prose-pre-code:var(--foreground);--tw-prose-pre-bg:var(--code-bg);--tw-prose-th-borders:var(--rule);--tw-prose-td-borders:var(--rule);max-width:none;margin-top:3rem;font-size:1.0625rem;line-height:1.7}@media (min-width:640px){.prose-blog{font-size:1.125rem}}.prose.prose-blog{max-width:none}.prose-blog>*{max-width:68ch}.prose-blog>.wide,.prose-blog>.code-figure,.prose-blog>.table-scroll{max-width:none}.prose-blog>:first-child{margin-top:0}.prose-blog h2,.prose-blog h3,.prose-blog h4{font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif;letter-spacing:-.03em;scroll-margin-top:6rem;font-weight:600}.prose-blog h2{margin-top:2.4em;margin-bottom:.6em;font-size:1.9em;line-height:1.12}.prose-blog h3{margin-top:2em;margin-bottom:.5em;font-size:1.45em;line-height:1.2}.prose-blog h4{margin-top:1.8em;font-size:1.15em}.prose-blog p,.prose-blog li{text-wrap:wrap}.prose-blog a{color:var(--link);font-weight:inherit;-webkit-text-decoration-line:underline;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);text-underline-offset:3px;transition:color .15s,-webkit-text-decoration-color .15s,text-decoration-color .15s}.prose-blog a:hover{color:var(--link-hover);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.prose-blog a.heading-anchor{color:inherit;padding-top:.3em;padding-bottom:.3em;text-decoration:none}.prose-blog a.heading-anchor:after{content:"#"/"";color:var(--muted-foreground);opacity:0;margin-left:.3em;transition:opacity .15s}.prose-blog a.heading-anchor:hover:after{opacity:1}.prose-blog a.heading-anchor:focus-visible:after{opacity:1}.external-link-icon{vertical-align:.02em;opacity:.65;width:.78em;height:.78em;margin-left:.08em;display:inline-block}.prose-blog blockquote{border-left-width:2px;padding-left:1.2em;font-style:normal;font-weight:400}.prose-blog blockquote p:first-of-type:before,.prose-blog blockquote p:last-of-type:after{content:none}.prose-blog hr{margin:3em 0}.prose-blog li::marker{font-variant-numeric:tabular-nums}.prose-blog :not(pre)>code{background:color-mix(in srgb,var(--foreground)6.5%,transparent);color:var(--foreground);overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:5px;padding:.14em .36em;font-size:.84em;font-weight:400}.prose-blog h2 code,.prose-blog h3 code,.prose-blog a code{color:inherit}.prose-blog code:before,.prose-blog code:after{content:none}.code-figure{margin:2.2em 0}.code-title{min-height:3rem;font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);background:var(--code-bg);border:1px solid var(--rule);overflow-wrap:anywhere;border-bottom:none;border-radius:12px 12px 0 0;align-items:center;margin:0;padding:.5rem 6.5rem .5rem 1.1rem;font-size:.78rem;line-height:1.4;display:flex}.code-shell{position:relative}.prose-blog .code-pre{background:var(--code-bg);color:var(--foreground);border:1px solid var(--rule);-moz-tab-size:2;tab-size:2;-webkit-overflow-scrolling:touch;border-radius:12px;margin:0;padding:1.1rem 0;font-size:.84em;line-height:1.65;overflow-x:auto}.code-title+.code-shell .code-pre{border-top-color:color-mix(in srgb,var(--rule)70%,transparent);border-top-left-radius:0;border-top-right-radius:0}@media (max-width:639px){.code-figure{margin-left:-1rem;margin-right:-1rem}.code-title,.prose-blog .code-pre{border-left:0;border-right:0;border-radius:0}.code-title{padding-left:1rem;padding-right:3.5rem}.code-pre [data-line]{padding:0 1rem}}.code-pre>code{width:max-content;min-width:100%;font-size:inherit;background:0 0;border:0;padding:0;display:grid}.code-pre [data-line]{padding:0 1.1rem}.code-pre [data-highlighted-line]{background:color-mix(in srgb,var(--primary)12%,transparent)}.code-pre [data-highlighted-chars]{background:color-mix(in srgb,var(--primary)18%,transparent);border-radius:3px}.code-pre [style*=--shiki-light]{color:var(--shiki-light)}.dark .code-pre [style*=--shiki-dark]{color:var(--shiki-dark)}.copy-button{border:1px solid var(--rule);background:var(--code-bg);min-width:2.75rem;min-height:2.75rem;color:var(--muted-foreground);font-family:var(--font-geist-mono),ui-monospace,monospace;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .75rem;font-size:.72rem;transition:color .15s,border-color .15s,opacity .15s,background-color .15s;display:inline-flex;position:absolute;top:.4rem;right:.4rem}.copy-button:hover{color:var(--foreground);border-color:var(--ink-soft)}.copy-button[data-state=copied]{color:var(--link)}.code-title+.code-shell .copy-button{background:0 0;border-color:transparent;top:calc(2px - 3rem);right:.3rem}.code-title+.code-shell .copy-button:hover{background:color-mix(in srgb,var(--foreground)6%,transparent);border-color:transparent}@media (hover:hover) and (pointer:fine){.code-figure>.code-shell:first-child .copy-button{opacity:0}.code-figure>.code-shell:first-child:hover .copy-button,.code-figure>.code-shell:first-child:focus-within .copy-button,.code-figure>.code-shell:first-child .copy-button[data-state=copied],.code-figure>.code-shell:first-child .copy-button[data-state=failed]{opacity:1}}@media (max-width:639px){.copy-button-label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.copy-button{padding:0}}.table-scroll{border:1px solid var(--rule);border-radius:12px;margin:2em 0;overflow-x:auto}.prose-blog .table-scroll table{margin:0;font-size:.9em}.prose-blog .table-scroll th,.prose-blog .table-scroll td{padding:.65em 1em}.prose-blog .table-scroll thead th{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);font-size:.82em;font-weight:500}.toc-rail{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100vh - 8rem);margin-left:-1rem;padding:.25rem 0 1rem 1rem;position:-webkit-sticky;position:sticky;top:6rem;overflow-y:auto}.toc-list{gap:.1rem;margin-top:.9rem;display:grid}.toc-sub{padding-left:.9rem}.toc-link{min-height:2.25rem;color:var(--muted-foreground);align-items:center;padding:.25rem 0;font-size:.88rem;line-height:1.35;transition:color .15s;display:flex;position:relative}.toc-link:hover{color:var(--foreground)}@media (pointer:coarse){.toc-link{min-height:2.75rem}}.toc-link-active{color:var(--foreground);font-weight:500}.toc-link-active:before{content:"";background:currentColor;border-radius:999px;width:.3rem;height:.3rem;position:absolute;top:50%;left:-.75rem;transform:translateY(-50%)}.toc-top{min-height:2.75rem;color:var(--muted-foreground);align-items:center;margin-top:1rem;font-size:.82rem;display:inline-flex}.toc-top:hover{color:var(--foreground)}.toc-details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:2.5rem}.toc-summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:3rem;list-style:none;display:flex}.toc-summary::-webkit-details-marker{display:none}.toc-summary-count{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);font-size:.78rem}.toc-summary-count:after{content:"+"/"";text-align:center;width:1.25rem;margin-left:.5rem;display:inline-block}.toc-details[open] .toc-summary-count:after{content:"−"/""}.toc-details .toc-list{margin:0 0 1rem}.toc-details .toc-link{min-height:2.75rem;font-size:.95rem}.post-row{gap:.5rem;padding:1.75rem 0;display:grid}.post-row-date{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);font-variant-numeric:tabular-nums;align-self:start;font-size:.8rem}@media (min-width:768px){.post-row{grid-template-columns:8rem minmax(0,1fr);gap:2rem}.post-row-date{padding-top:.7rem}}.post-year-heading{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:1.1rem;line-height:1}.series-callout{background:var(--card);border:1px solid var(--rule);border-radius:12px;gap:2rem;padding:2rem 1.5rem;display:grid}@media (min-width:768px){.series-callout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;padding:2.5rem}}.series-callout-list{border-top:1px solid var(--rule)}.series-callout-list li{border-bottom:1px solid var(--rule)}.series-callout-link{grid-template-columns:2rem minmax(0,1fr);align-items:baseline;gap:.75rem;min-height:3.25rem;padding:.85rem 0;display:grid}.series-box{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1.5rem}.tag-chip{border:1px solid var(--rule);min-height:2.75rem;font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--ink-soft);border-radius:999px;align-items:center;gap:.35rem;padding:0 1rem;font-size:.78rem;transition:color .15s,border-color .15s;display:inline-flex}.tag-chip:hover{color:var(--foreground);border-color:var(--ink-soft)}.pager-card{border:1px solid var(--rule);border-radius:12px;padding:1.25rem 1.4rem;transition:border-color .15s;display:block}.pager-card:hover{border-color:var(--ink-soft)}.author-card{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);align-items:flex-start;gap:1.25rem;padding:1.75rem 0;display:flex}.comment-replies{border-left:1px solid var(--rule);gap:1.25rem;margin-top:1.25rem;margin-left:1rem;padding-left:1.25rem;display:grid}@media (min-width:640px){.comment-replies{margin-left:2rem}}.comment-badge{background:var(--accent);color:var(--accent-foreground);font-family:var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.1rem .55rem;font-size:.68rem;display:inline-flex}.comment-form{gap:1.5rem;max-width:44rem;display:grid}.comment-field{align-content:start;gap:.45rem;display:grid}.comment-field label{font-size:.92rem;font-weight:500}.comment-field input,.comment-field textarea{border:1px solid var(--input);background:var(--card);width:100%;min-height:2.75rem;color:var(--foreground);border-radius:.6rem;padding:.6rem .85rem;font-size:1rem;transition:border-color .15s}.comment-field textarea{resize:vertical;line-height:1.6}.comment-field input:hover,.comment-field textarea:hover{border-color:var(--muted-foreground)}.comment-field [aria-invalid=true]{border-color:var(--destructive)}.comment-field-hint{color:var(--muted-foreground);font-size:.85rem}.comment-field-error{color:var(--destructive);font-size:.88rem}.comment-field-error:before{content:"Error: ";font-weight:500}.comment-form-error{border:1px solid var(--destructive);background:var(--card);color:var(--foreground);border-radius:.75rem;gap:.25rem;padding:1rem 1.15rem;font-size:.95rem;display:grid}.comment-form-status{color:var(--muted-foreground);font-size:.95rem}.comment-form-status-sent{color:var(--foreground)}.comment-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.figure{margin:2.6em 0}.figure-caption{max-width:68ch;color:var(--muted-foreground);margin-top:.9rem;font-size:.9rem;line-height:1.55}.dg-line{fill:none;stroke:var(--muted-foreground);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.dg-text{font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif;fill:var(--foreground);font-size:13px}.dg-strong{font-size:14px;font-weight:600}.dg-mono{font-family:var(--font-geist-mono),ui-monospace,monospace;fill:var(--ink-soft);font-size:12px}.dg-muted{fill:var(--muted-foreground)}.dg-accent-text{fill:var(--link)}.callout{background:var(--accent);color:var(--foreground);border-radius:14px;gap:.95rem;margin:2em 0;padding:1.05em 1.25em;display:flex}.callout-icon{background:color-mix(in srgb,var(--card)75%,transparent);width:2rem;height:2rem;color:var(--accent-foreground);border-radius:9px;flex:none;justify-content:center;align-items:center;margin-top:.05rem;display:inline-flex}.callout-content{min-width:0}.prose-blog .callout-title{font-family:var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-foreground);margin:.4rem 0 .4em;font-size:.72rem;font-weight:500;line-height:1.4}.callout-body{font-size:.97em}.callout-body>:first-child{margin-top:0}.callout-body>:last-child{margin-bottom:0}.prose-blog .callout a{color:var(--accent-foreground)}.callout-warning{background:color-mix(in srgb,var(--viz-ecommerce)11%,var(--card))}.callout-warning .callout-icon{color:color-mix(in srgb,var(--viz-ecommerce)70%,var(--foreground))}.prose-blog .callout-warning .callout-title{color:var(--foreground)}.flow{container-type:inline-size}.flow-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.flow-node{background:var(--card);border:1px solid var(--rule);border-radius:14px;grid-template-columns:2rem minmax(0,1fr) auto;align-items:start;gap:.2rem .85rem;margin:0;padding:.85rem 1rem .95rem;display:grid;position:relative}.flow-node-head{display:contents}.flow-node-icon{grid-area:1/1/span 3}.flow-node-index{grid-area:1/3}.flow-node-label,.flow-node-title,.flow-node-detail{grid-column:2}.flow-node-icon,.card-icon,.compare-icon{background:var(--accent);width:2rem;height:2rem;color:var(--accent-foreground);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.flow-node-index,.card-index{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:.72rem}.flow-node-label{font-family:var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);font-size:.68rem}.flow-node-title{letter-spacing:-.01em;color:var(--foreground);font-size:.98rem;font-weight:600;line-height:1.3}.flow-node-detail{color:var(--muted-foreground);font-size:.86rem;line-height:1.45}.flow-node-accent{background:color-mix(in srgb,var(--accent)55%,var(--card));border-color:color-mix(in srgb,var(--primary)40%,var(--rule))}.flow-node-muted{background:0 0;border-style:dashed}.flow-arrow{justify-content:center;align-items:center;margin:0;padding:0;display:flex}.flow-arrow-h{width:2rem;height:1.25rem;display:none}.flow-arrow-v{width:1.25rem;height:1.6rem}@container (width>=640px){.flow-list{flex-direction:row;align-items:stretch}.flow-node{flex-direction:column;flex:1 1 0;gap:.3rem;min-width:0;padding:.95rem 1rem 1.05rem;display:flex}.flow-node-head{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.flow-arrow{flex:none;width:1.9rem}.flow-arrow-h{display:block}.flow-arrow-v{display:none}}.steps{margin:0;padding:0;list-style:none}.prose-blog .steps>.step{grid-template-columns:2.4rem minmax(0,1fr);column-gap:1rem;margin:0;padding:0 0 1.6rem;display:grid;position:relative}.prose-blog .steps>.step:last-child{padding-bottom:0}.step:before{content:"";background:var(--rule);transform-origin:top;width:1px;position:absolute;top:2.6rem;bottom:.2rem;left:calc(1.2rem - .5px)}.step:last-child:before{display:none}.step-marker{border:1px solid var(--rule);background:var(--card);width:2.4rem;height:2.4rem;color:var(--link);font-family:var(--font-geist-mono),ui-monospace,monospace;border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.prose-blog .step-title{letter-spacing:-.01em;color:var(--foreground);align-items:baseline;gap:.6rem;margin:.45rem 0 .25rem;font-weight:600;line-height:1.35;display:flex}.step-number{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);font-size:.75rem;font-weight:400}.step-body{font-size:.97em}.step-body>:first-child{margin-top:0}.step-body>:last-child{margin-bottom:0}.stats{border:1px solid var(--rule);background:var(--card);border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr));margin:0;display:grid;overflow:hidden}.stat{box-shadow:-1px -1px 0 0 var(--rule);flex-direction:column-reverse;justify-content:flex-end;gap:.5rem;padding:1.15rem 1.25rem 1.25rem;display:flex}.prose-blog .stat-value{font-family:var(--font-geist-sans),ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;color:var(--foreground);font-variant-numeric:tabular-nums;margin:0;padding:0;font-size:max(1.9rem,min(4vw,2.5rem));font-weight:600;line-height:1}.stat-unit{letter-spacing:0;color:var(--muted-foreground);margin-left:.25rem;font-size:.45em;font-weight:500}.prose-blog .stat-label{color:var(--muted-foreground);margin:0;font-size:.86rem;font-weight:400;line-height:1.4}.compare{gap:.9rem;display:grid}@media (min-width:640px){.compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.compare-side{border:1px solid var(--rule);background:var(--card);border-radius:16px;min-width:0;padding:1.1rem 1.25rem .4rem}.compare-head{border-bottom:1px solid var(--rule);align-items:center;gap:.75rem;padding-bottom:.8rem;display:flex}.prose-blog .compare-label{font-family:var(--font-geist-mono),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-foreground);margin:0;font-size:.68rem}.prose-blog .compare-title{color:var(--foreground);margin:0;font-weight:600;line-height:1.3}.compare-before .compare-icon{background:color-mix(in srgb,var(--destructive)12%,var(--card));color:var(--destructive)}.compare-after{border-color:color-mix(in srgb,var(--primary)35%,var(--rule))}.compare-body{font-size:.95em}.prose-blog .compare-body ul{padding-left:1.1em}.prose-blog .compare-body li{margin:.45em 0}.cards{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:559px){.cards .card{grid-template-columns:2rem minmax(0,1fr) auto;align-items:start;gap:.2rem .85rem;padding:.85rem 1rem .95rem;display:grid}.cards .card-top{display:contents}.cards .card-icon{grid-area:1/1/span 2}.cards .card-index{grid-area:1/3}.cards .card-title,.cards .card-body{grid-column:2}.cards .card-more{display:none}}@media (min-width:1280px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-item{margin:0;padding:0}.card{border:1px solid var(--rule);background:var(--card);height:100%;color:inherit;border-radius:16px;flex-direction:column;gap:.45rem;padding:1.05rem 1.1rem 1.15rem;text-decoration:none;transition:border-color .15s,transform .2s;display:flex}.prose-blog a.card{color:inherit;text-decoration:none}.card-link:hover{border-color:var(--ink-soft);transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.card-title{letter-spacing:-.01em;color:var(--foreground);font-size:1rem;font-weight:600;line-height:1.3}.card-body{color:var(--muted-foreground);font-size:.88rem;line-height:1.5}.card-more{font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--link);align-items:center;gap:.35rem;margin-top:auto;padding-top:.5rem;font-size:.72rem;display:inline-flex}.card-more svg{transition:transform .2s}.card-link:hover .card-more svg{transform:translate(3px)}.svg-figure-canvas{border:1px solid var(--rule);background-color:var(--card);background-image:radial-gradient(var(--grid-dot)1px,transparent 1px);background-size:18px 18px;border-radius:18px;padding:max(1rem,min(3vw,1.75rem));container-type:inline-size}.svg-figure svg{width:100%;height:auto;display:block;overflow:visible}.svg-figure .svg-wide{display:none}.svg-figure .svg-narrow{max-width:26rem;margin:0 auto}@container (width>=620px){.svg-figure .svg-wide{display:block}.svg-figure .svg-narrow{display:none}}@container (width>=620px) and (width<=739px){.svg-figure-cnn .svg-wide{display:none}.svg-figure-cnn .svg-narrow{display:block}}.tl-col{fill:transparent}.tl-col-alt{fill:color-mix(in srgb,var(--foreground)3.5%,transparent)}.tl-turnover{stroke:var(--primary);stroke-width:1.5px;stroke-dasharray:4 4}.tl-bar{stroke-width:1.5px}.tl-bar-held{fill:color-mix(in srgb,var(--foreground)8%,var(--card));stroke:color-mix(in srgb,var(--foreground)40%,transparent)}.tl-bar-refused{fill:color-mix(in srgb,var(--destructive)6%,var(--card));stroke:var(--destructive);stroke-dasharray:5 4}.tl-bar-accepted{fill:color-mix(in srgb,var(--primary)16%,var(--card));stroke:var(--primary)}.tl-hatch-bg{fill:color-mix(in srgb,var(--destructive)12%,var(--card))}.tl-hatch-line{stroke:var(--destructive);stroke-width:2px;opacity:.5}.tl-edge-held{fill:color-mix(in srgb,var(--foreground)55%,transparent)}.tl-edge-refused{fill:var(--destructive)}.tl-edge-accepted{fill:var(--primary)}.tl-open{fill:var(--card);stroke-width:2px}.tl-open-held{stroke:color-mix(in srgb,var(--foreground)55%,transparent)}.tl-open-refused{stroke:var(--destructive)}.tl-open-accepted{stroke:var(--primary)}.tl-note,.seq-label,.seq-gap-text{paint-order:stroke;stroke:var(--card);stroke-width:4px;stroke-linejoin:round}.tl-note-held{fill:var(--muted-foreground)}.tl-note-refused{fill:var(--destructive)}.tl-note-accepted{fill:var(--link)}.seq-grid{gap:1.75rem;display:grid}.seq-grid svg{max-width:26rem;margin:0 auto}@container (width>=700px){.seq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.25rem}}.seq-lane{fill:var(--background);stroke:var(--rule)}.seq-life{stroke:color-mix(in srgb,var(--muted-foreground)45%,transparent);stroke-dasharray:3 4}.seq-msg{fill:none;stroke:var(--ink-soft);stroke-width:1.5px}.seq-reply{stroke:var(--muted-foreground)}.seq-bad{stroke:var(--destructive)}.seq-head{fill:var(--ink-soft)}.seq-head-bad{fill:var(--destructive)}.seq-label{font-size:11.5px}.seq-bad-text{fill:var(--destructive)}.seq-gap{fill:color-mix(in srgb,var(--destructive)7%,transparent);stroke:color-mix(in srgb,var(--destructive)30%,transparent);stroke-dasharray:3 3}.seq-gap-text{fill:var(--destructive);font-size:11px}.seq-note{fill:var(--accent)}.seq-result{stroke-width:1px}.seq-result-bad{fill:color-mix(in srgb,var(--destructive)10%,var(--card));stroke:color-mix(in srgb,var(--destructive)45%,transparent)}.seq-result-good{fill:var(--accent);stroke:color-mix(in srgb,var(--primary)45%,transparent)}.seq-result-text-bad{fill:var(--destructive)}.seq-result-text-good{fill:var(--accent-foreground)}.cnn-input,.cnn-flatten{--tone:var(--viz-website)}.cnn-conv{--tone:var(--viz-mobile)}.cnn-pool{--tone:var(--viz-system)}.cnn-dense{--tone:var(--viz-ecommerce)}.cnn-out{--tone:var(--primary)}.cnn-face,.cnn-top,.cnn-side{stroke:var(--tone);stroke-width:1.2px;stroke-linejoin:round}.cnn-face{fill:color-mix(in srgb,var(--tone)20%,var(--card))}.cnn-top{fill:color-mix(in srgb,var(--tone)34%,var(--card))}.cnn-side{fill:color-mix(in srgb,var(--tone)46%,var(--card))}.cnn-flow,.cnn-bracket{fill:none;stroke:var(--muted-foreground);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round}.cnn-chip{fill:var(--background);stroke:var(--rule)}.svg-figure-cnn .svg-wide .cnn-name{font-size:15px}.svg-figure-cnn .svg-wide .dg-mono{font-size:13.5px}@keyframes dg-draw{to{stroke-dashoffset:0}}@keyframes dg-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dg-fade{0%{opacity:0}to{opacity:1}}@keyframes dg-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes dg-grow{0%{opacity:.2;transform:scaleX(.04)}to{opacity:1;transform:none}}@keyframes dg-rail{0%{transform:scaleY(0)}to{transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.dg{view-timeline:--dg block}.dg .dg-draw,.dg .dg-fade,.dg .dg-pop,.dg .dg-grow,.dg .flow-node,.dg .stat,.dg .card-item,.dg .step,.dg .step:before{animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--dg;animation-range:cover calc(6% + var(--i,0)*2.5%)cover calc(26% + var(--i,0)*2.5%)}.dg .dg-draw{stroke-dasharray:1;stroke-dashoffset:1px;animation-name:dg-draw}.dg .dg-fade{animation-name:dg-fade}.dg .dg-pop{transform-box:fill-box;transform-origin:50%;animation-name:dg-pop}.dg .dg-grow{transform-box:fill-box;transform-origin:0;animation-name:dg-grow}.dg .flow-node,.dg .stat,.dg .card-item,.dg .step{animation-name:dg-rise}.dg .step:before{animation-name:dg-rail}}}.blog-facts{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (min-width:640px){.blog-facts{grid-template-columns:repeat(3,max-content)}}.blog-fact{flex-direction:column-reverse;gap:.4rem;min-width:0;padding:1rem 1.5rem 1.1rem 0;display:flex}@media (max-width:420px){.blog-fact dt{white-space:normal}}.blog-fact+.blog-fact{border-left:1px solid var(--rule);padding-left:1.25rem}.blog-fact dd{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:max(1.7rem,min(3vw,2.3rem));font-weight:600;line-height:1}.blog-fact dt{white-space:nowrap;font-family:var(--font-geist-mono),ui-monospace,monospace;color:var(--muted-foreground);align-items:center;gap:.4rem;font-size:.74rem;display:inline-flex}.featured-post{border:1px solid var(--rule);background-color:var(--card);background-image:radial-gradient(ellipse 60% 70% at 0% 0%,var(--glow),transparent 70%),radial-gradient(var(--grid-dot)1px,transparent 1px);background-size:100% 100%,18px 18px;border-radius:20px;gap:2rem;padding:max(1.4rem,min(4vw,2.75rem));transition:border-color .15s;display:grid;position:relative}.featured-post:hover{border-color:var(--ink-soft)}@media (min-width:1024px){.featured-post{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:3.5rem}}.featured-inside{border-top:1px solid var(--rule)}@media (min-width:1024px){.featured-inside{border-top:0;border-left:1px solid var(--rule);padding-left:2.25rem}}.featured-inside li{color:var(--ink-soft);grid-template-columns:1.9rem minmax(0,1fr);gap:.5rem;padding:.55rem 0;font-size:.93rem;line-height:1.4;display:grid}.featured-inside li+li{border-top:1px dashed var(--rule)}.read-more{color:var(--link);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.read-more svg{transition:transform .2s}.group:hover .read-more svg,.read-more:hover svg{transform:translate(3px)}.row-arrow{display:none}@media (min-width:768px){.row-arrow{border:1px solid var(--rule);width:2.75rem;height:2.75rem;color:var(--muted-foreground);border-radius:999px;justify-content:center;align-self:center;align-items:center;transition:color .15s,border-color .15s,transform .2s;display:inline-flex}.group:hover .row-arrow{color:var(--link);border-color:var(--link);transform:translate(3px)}}.row-tags{flex-wrap:wrap;gap:.25rem .75rem;display:inline-flex}.row-tag{align-items:center;gap:.15rem;display:inline-flex}