.how-head[data-astro-cid-ikooipj4]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lede-sm[data-astro-cid-ikooipj4]{color:var(--muted);margin:6px 0 16px}.flow[data-astro-cid-ikooipj4]{margin:0}.lanes[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,1fr) minmax(200px,1.1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.lane-box[data-astro-cid-ikooipj4]{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--inset);align-content:start;gap:10px;padding:16px;display:grid}.lane-box[data-astro-cid-ikooipj4] ul[data-astro-cid-ikooipj4]{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lane-title[data-astro-cid-ikooipj4]{font-family:var(--mono);font-weight:600}.pill[data-astro-cid-ikooipj4]{border-radius:var(--r-md);background:var(--raised);font-family:var(--mono);padding:10px 12px;font-size:13px}.wire-name[data-astro-cid-ikooipj4] em[data-astro-cid-ikooipj4]{color:var(--subtle);font-size:11px;font-style:normal;display:block}.all-scripts[data-astro-cid-ikooipj4]{background:color-mix(in srgb, var(--product) 30%, var(--surface))}.lane-note[data-astro-cid-ikooipj4]{color:var(--subtle);font-size:12px}.all-scripts[data-astro-cid-ikooipj4]{border-radius:var(--r-md);gap:8px;padding:14px;font-size:14px;display:grid}.wires[data-astro-cid-ikooipj4]{flex-direction:column;justify-content:center;gap:18px;min-width:0;display:flex}.wire-row[data-astro-cid-ikooipj4]{text-align:center;gap:6px;display:grid}.wire-name[data-astro-cid-ikooipj4]{font-family:var(--mono);font-size:12px}.track[data-astro-cid-ikooipj4]{background:repeating-linear-gradient(90deg, var(--border-strong) 0 6px, transparent 6px 12px);height:2px;position:relative}.track[data-astro-cid-ikooipj4] i[data-astro-cid-ikooipj4]{background:var(--brand);border-radius:3px;width:12px;height:12px;animation:1.6s linear infinite run-x;position:absolute;top:-5px;left:0}.track[data-astro-cid-ikooipj4] i[data-astro-cid-ikooipj4].rev{background:var(--product-soft);animation-direction:reverse;animation-delay:-.8s}@keyframes run-x{0%{left:0}to{left:calc(100% - 12px)}}@keyframes run-y{0%{top:0}to{top:calc(100% - 12px)}}.packet[data-astro-cid-ikooipj4]{fill:var(--brand)}figcaption[data-astro-cid-ikooipj4]{color:var(--muted);max-width:72ch;margin-top:12px}.compare[data-astro-cid-ikooipj4]{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px 16px;display:grid}.compare[data-astro-cid-ikooipj4]>[data-astro-cid-ikooipj4]{min-width:0}.c-left[data-astro-cid-ikooipj4]{grid-column:1}.c-right[data-astro-cid-ikooipj4]{grid-column:2}.compare-head[data-astro-cid-ikooipj4].c-left,.compare-head[data-astro-cid-ikooipj4].c-right{grid-row:1}.c-code[data-astro-cid-ikooipj4]{grid-row:2}.c-code2[data-astro-cid-ikooipj4]{grid-row:3}.c-span[data-astro-cid-ikooipj4]{grid-row:2/span 2}.compare-head[data-astro-cid-ikooipj4]{font-family:var(--mono);color:var(--subtle);align-items:center;gap:10px;font-size:13px;display:flex}.inputs[data-astro-cid-ikooipj4]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.input[data-astro-cid-ikooipj4]{border-radius:var(--r-md);background:var(--raised);gap:4px;padding:12px 14px;text-decoration:none;display:grid}.input[data-astro-cid-ikooipj4]:hover{background:var(--hover)}.input-what[data-astro-cid-ikooipj4]{font-weight:540}.input[data-astro-cid-ikooipj4] code[data-astro-cid-ikooipj4]{color:var(--brand);font-size:12px}.tick[data-astro-cid-ikooipj4]{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tick-step[data-astro-cid-ikooipj4]{border-radius:var(--r-md);background:var(--raised);opacity:.55;transition:opacity var(--base) var(--ease), background var(--base) var(--ease), transform var(--base) var(--ease);gap:10px;padding:14px;display:flex}.tick-step[data-astro-cid-ikooipj4].on{opacity:1;background:var(--selected);transform:translateY(-2px)}.tick-step[data-astro-cid-ikooipj4] p[data-astro-cid-ikooipj4]{color:var(--muted);margin-top:4px;font-size:14px}.tick-n[data-astro-cid-ikooipj4]{border-radius:var(--r-sm);background:var(--inset);width:26px;height:26px;font-family:var(--mono);flex:none;place-items:center;font-size:13px;display:grid}.tick-step[data-astro-cid-ikooipj4].on .tick-n[data-astro-cid-ikooipj4]{background:var(--brand);color:var(--on-brand)}.between[data-astro-cid-ikooipj4]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mini[data-astro-cid-ikooipj4]{width:100%;max-width:320px;height:auto;margin:6px 0}.mini-box[data-astro-cid-ikooipj4]{fill:var(--inset);stroke:var(--border)}.mini-box[data-astro-cid-ikooipj4].state{fill:color-mix(in srgb, var(--product) 30%, var(--surface))}.mini-text[data-astro-cid-ikooipj4]{fill:var(--text);font-family:var(--mono);font-size:11px}.mini-wire[data-astro-cid-ikooipj4]{stroke:var(--border-strong);stroke-width:1.5px;fill:none}.state-demo[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,1.3fr) auto minmax(0,1fr);align-items:center;gap:10px;margin:6px 0;display:grid}.sd-writers[data-astro-cid-ikooipj4]{gap:6px;display:grid}.sd-script[data-astro-cid-ikooipj4]{border-radius:var(--r-md);background:var(--inset);transition:background var(--base) var(--ease);gap:2px;padding:8px 10px;font-size:13px;display:grid}.sd-script[data-astro-cid-ikooipj4] code[data-astro-cid-ikooipj4]{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.sd-script[data-astro-cid-ikooipj4].active{background:var(--selected)}.sd-script[data-astro-cid-ikooipj4].active code[data-astro-cid-ikooipj4]{color:var(--brand)}.sd-value[data-astro-cid-ikooipj4]{border-radius:var(--r-md);background:color-mix(in srgb, var(--product) 30%, var(--surface));font-family:var(--mono);justify-items:center;padding:10px 14px;display:grid}.sd-value[data-astro-cid-ikooipj4] span[data-astro-cid-ikooipj4]{color:var(--muted);font-size:11px}.sd-value[data-astro-cid-ikooipj4] strong[data-astro-cid-ikooipj4]{font-variant-numeric:tabular-nums;font-size:22px}.sd-reader[data-astro-cid-ikooipj4] code[data-astro-cid-ikooipj4] span[data-astro-cid-ikooipj4]{color:var(--text)}.between[data-astro-cid-ikooipj4] a[data-astro-cid-ikooipj4].meta{color:var(--brand);text-decoration:none}@media (width<=1023px){.compare[data-astro-cid-ikooipj4],.between[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,1fr)}.compare[data-astro-cid-ikooipj4]>[data-astro-cid-ikooipj4]{grid-area:auto!important}.compare-head[data-astro-cid-ikooipj4].c-right{margin-top:14px}.state-demo[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,1fr)}}@media (width<=767px){.lanes[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,1fr)}.wires[data-astro-cid-ikooipj4]{flex-direction:row;justify-content:space-around;gap:8px}.wire-row[data-astro-cid-ikooipj4]{text-align:left;grid-template-columns:auto auto;align-items:center;gap:10px}.track[data-astro-cid-ikooipj4]{background:repeating-linear-gradient(180deg, var(--border-strong) 0 6px, transparent 6px 12px);width:2px;height:56px}.track[data-astro-cid-ikooipj4] i[data-astro-cid-ikooipj4]{animation-name:run-y;top:0;left:-5px}.tick[data-astro-cid-ikooipj4]{grid-template-columns:minmax(0,1fr)}}