.demo[data-astro-cid-inwovsxm]{margin:var(--space-xl) 0;padding:var(--space-m);border:1px solid var(--rule);background:var(--ground-sunk);border-radius:4px}figcaption[data-astro-cid-inwovsxm]{font-size:var(--step--1);color:var(--ink-muted);max-width:var(--measure);margin-block-end:var(--space-m)}figcaption[data-astro-cid-inwovsxm] strong[data-astro-cid-inwovsxm]{color:var(--ink)}.controls[data-astro-cid-inwovsxm]{gap:var(--space-2xs);flex-wrap:wrap;margin-block-end:var(--space-m);display:flex}.controls[data-astro-cid-inwovsxm] button[data-astro-cid-inwovsxm]{font:inherit;font-size:var(--step--1);color:var(--ink-muted);background:var(--ground);border:1px solid var(--rule);cursor:pointer;border-radius:3px;padding:.35em .75em}.controls[data-astro-cid-inwovsxm] button[data-astro-cid-inwovsxm]:hover{color:var(--ink);border-color:var(--ink-faint)}.controls[data-astro-cid-inwovsxm] button[data-astro-cid-inwovsxm].is-active{color:var(--ground);background:var(--ink);border-color:var(--ink)}.stage-scroller[data-astro-cid-inwovsxm]{overscroll-behavior-x:contain;overflow-x:auto}.stage[data-astro-cid-inwovsxm]{min-width:34rem;position:relative}svg[data-astro-cid-inwovsxm]{width:100%;height:auto;overflow:visible}.lanes[data-astro-cid-inwovsxm] use[data-astro-cid-inwovsxm]{fill:none;stroke:var(--rule);stroke-width:1.5px}.node[data-astro-cid-inwovsxm] rect[data-astro-cid-inwovsxm]{fill:var(--ground);stroke:var(--ink-faint);stroke-width:1.5px;transition:stroke .25s,fill .25s}.node-title[data-astro-cid-inwovsxm]{fill:var(--ink);letter-spacing:.04em;font-size:13px;font-weight:600}.node-sub[data-astro-cid-inwovsxm]{fill:var(--ink-faint);letter-spacing:.02em;font-size:11.5px}.kiosk[data-astro-cid-inwovsxm] .node-title[data-astro-cid-inwovsxm],.kiosk[data-astro-cid-inwovsxm] .node-sub[data-astro-cid-inwovsxm]{text-anchor:middle}.machine[data-astro-cid-inwovsxm][data-state=connected] rect[data-astro-cid-inwovsxm]{stroke:var(--accent)}.machine[data-astro-cid-inwovsxm][data-state=connected] .node-sub[data-astro-cid-inwovsxm]{fill:var(--accent)}.machine[data-astro-cid-inwovsxm][data-state=error] rect[data-astro-cid-inwovsxm]{stroke:#b4472e}.machine[data-astro-cid-inwovsxm][data-state=error] .node-sub[data-astro-cid-inwovsxm]{fill:#b4472e}.machine[data-astro-cid-inwovsxm][data-state=disabled] rect[data-astro-cid-inwovsxm]{stroke:var(--rule);fill:var(--ground-sunk)}.machine[data-astro-cid-inwovsxm][data-state=disabled] .node-title[data-astro-cid-inwovsxm],.machine[data-astro-cid-inwovsxm][data-state=disabled] .node-sub[data-astro-cid-inwovsxm]{fill:var(--ink-faint)}.packet-layer[data-astro-cid-inwovsxm]{pointer-events:none;position:absolute;inset:0}.packet-layer[data-astro-cid-inwovsxm] .packet{font-family:var(--font-mono);letter-spacing:.03em;background:var(--accent);color:var(--ground);white-space:nowrap;offset-rotate:0deg;offset-distance:0%;transition:offset-distance var(--travel,.9s) cubic-bezier(.4, 0, .3, 1);will-change:offset-distance;border-radius:2px;padding:.12em .45em;font-size:.66rem;position:absolute;top:0;left:0}.packet-layer[data-astro-cid-inwovsxm] .packet[data-dir=in]{background:var(--ink)}.packet-layer[data-astro-cid-inwovsxm] .packet[data-kind=err]{background:#b4472e}.frame-shape[data-astro-cid-inwovsxm]{font-family:var(--font-mono);flex-wrap:wrap;gap:2px;margin-block-start:var(--space-m);font-size:.66rem;display:flex}.frame-shape[data-astro-cid-inwovsxm] span[data-astro-cid-inwovsxm]{border:1px solid var(--rule);color:var(--ink-faint);background:var(--ground);padding:.25em .6em}.frame-shape[data-astro-cid-inwovsxm] .cmd[data-astro-cid-inwovsxm]{color:var(--ink);border-color:var(--ink-faint)}.log[data-astro-cid-inwovsxm]{font-size:var(--step--1);color:var(--ink-muted);min-height:6.5em;margin-block-start:var(--space-m);padding-inline-start:1.4em}.log[data-astro-cid-inwovsxm] li+li{margin-block-start:var(--space-2xs)}.log[data-astro-cid-inwovsxm] li.is-note{color:var(--ink);margin-inline-start:-1.4em;font-weight:600;list-style:none}@media (prefers-reduced-motion:reduce){.packet-layer[data-astro-cid-inwovsxm] .packet{transition:none}}.case-study[data-astro-cid-nkggbshs]{padding-block:var(--space-l) var(--space-2xl)}.case-header[data-astro-cid-nkggbshs]{max-width:var(--measure);border-block-end:1px solid var(--rule);padding-block-end:var(--space-l)}.draft-flag[data-astro-cid-nkggbshs]{font-size:var(--step--1);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);margin-block-end:var(--space-xs)}.case-header[data-astro-cid-nkggbshs] h1[data-astro-cid-nkggbshs]{font-weight:500}.summary[data-astro-cid-nkggbshs]{font-size:var(--step-1);color:var(--ink-muted);margin-block-start:var(--space-m)}.meta[data-astro-cid-nkggbshs]{gap:var(--space-xs);font-size:var(--step--1);margin-block-start:var(--space-m);display:grid}.meta[data-astro-cid-nkggbshs] div[data-astro-cid-nkggbshs]{gap:var(--space-xs);flex-wrap:wrap;display:flex}.meta[data-astro-cid-nkggbshs] dt[data-astro-cid-nkggbshs]{color:var(--ink-faint);min-width:6.5rem}.meta[data-astro-cid-nkggbshs] dd[data-astro-cid-nkggbshs]{color:var(--ink-muted);margin:0}.body[data-astro-cid-nkggbshs]{max-width:var(--measure-wide);margin-block-start:var(--space-l)}.body[data-astro-cid-nkggbshs] h2,.body[data-astro-cid-nkggbshs] h3,.body[data-astro-cid-nkggbshs] p,.body[data-astro-cid-nkggbshs] ul,.body[data-astro-cid-nkggbshs] ol,.body[data-astro-cid-nkggbshs] blockquote,.body[data-astro-cid-nkggbshs] table{max-width:var(--measure)}.body[data-astro-cid-nkggbshs] h2{margin-block:var(--space-xl) var(--space-s)}.body[data-astro-cid-nkggbshs] h3{margin-block:var(--space-l) var(--space-xs);font-size:var(--step-0);letter-spacing:0}.body[data-astro-cid-nkggbshs] p,.body[data-astro-cid-nkggbshs] ul,.body[data-astro-cid-nkggbshs] ol,.body[data-astro-cid-nkggbshs] pre{margin-block-start:var(--space-s)}.body[data-astro-cid-nkggbshs] ul,.body[data-astro-cid-nkggbshs] ol{padding-inline-start:1.25em}.body[data-astro-cid-nkggbshs] li+li{margin-block-start:var(--space-2xs)}.body[data-astro-cid-nkggbshs] strong{color:var(--ink);font-weight:650}.body[data-astro-cid-nkggbshs] pre{background:var(--ground-sunk);border:1px solid var(--rule);padding:var(--space-s);border-radius:3px;line-height:1.5;overflow-x:auto}.body[data-astro-cid-nkggbshs] pre code{font-size:.92em}.body[data-astro-cid-nkggbshs] p:has(>img){max-width:var(--measure-wide);margin-block:var(--space-l)}.body[data-astro-cid-nkggbshs] p>img{border:1px solid var(--rule);background:var(--ground-sunk);border-radius:3px;width:100%}.body[data-astro-cid-nkggbshs] p>img+em{max-width:var(--measure);font-size:var(--step--1);color:var(--ink-faint);margin-block-start:var(--space-xs);font-style:normal;display:block}.body[data-astro-cid-nkggbshs] :not(pre)>code{background:var(--ground-sunk);border-radius:2px;padding:.1em .32em}.back[data-astro-cid-nkggbshs]{font-size:var(--step--1);margin-block-start:var(--space-xl)}