/* generated by landing/figures/story/build.mjs — Anatomy kit CSS (MIT) is loaded by cluster.css */
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .st.iso{
  --anatomy-page:#f2f2ef;--anatomy-card:#fbfbfa;--anatomy-text:#57575a;--anatomy-strong:#18181a;--anatomy-muted:#8c8c90;
  --anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;
  --anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;
  --anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;
  --anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;
  --anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;
  --anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;
  --anatomy-lift:inset 0 1px 0 0 #ffffff,0 0 0 1px #0000000f,0 1px 1px -.5px #0000000a,0 3px 3px -1.5px #0000000a,0 6px 6px -3px #0000000a,0 12px 12px -6px #0000000a;
;--anatomy-card:transparent;--anatomy-lit:var(--accent,#16a34a)}}
html .st.iso.iso{--anatomy-card:transparent;--anatomy-lit:var(--accent,#22c55e);--st-hot:#ef4444}
.st{margin:24px 0 80px;position:relative}
.st-head{max-width:720px;margin:0 auto 12px;text-align:center}
.st-head h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.03em;line-height:1.05;margin:10px 0 0}
.st-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.st-steps{padding:10vh 0 30vh}
.st-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .5s ease}
.st-step[data-active]{opacity:1}
.st-step .k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:var(--accent)}
.st-step h3{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.025em;line-height:1.1;margin:10px 0 12px}
.st-step p{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 10px;max-width:46ch}
.st-step p b{color:var(--ink);font-weight:500}
.st-step code{font-family:var(--mono);font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2px 6px}
.st-stage{position:sticky;top:8vh;height:84vh;display:flex;flex-direction:column;justify-content:center}
.st-stage svg{display:block;width:100%;height:auto;max-height:76vh;overflow:hidden}
.st-readout{font-family:var(--mono);font-size:12px;color:var(--muted);text-align:center;margin-top:8px;transition:color .4s}
.st[data-hot] .st-readout{color:var(--st-hot)}
/* actors enter as the story needs them */
.st-actor{opacity:0;transform:translateY(-26px);transition:opacity .9s var(--anatomy-ease),transform 1.1s cubic-bezier(.16,1,.3,1)}
.st[data-step="1"] [data-actor="friend"],.st[data-step="2"] .st-actor,.st[data-step="3"] .st-actor{opacity:1;transform:none}
.st-arc-line{fill:none;stroke:var(--anatomy-lit);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1)}
.st-arc-shadow{fill:none;stroke:var(--anatomy-lit);stroke-width:7px;vector-effect:non-scaling-stroke;opacity:0;transition:opacity 1.2s}
.st-arc-end{opacity:0;transition:opacity .4s 1.2s}
.st-arc{opacity:0;transition:opacity .3s}
.st-arc[data-on]{opacity:1}
.st-arc[data-on] .st-arc-line{stroke-dashoffset:0}
.st-arc[data-on] .st-arc-shadow{opacity:.07}
.st-arc[data-on] .st-arc-end{opacity:1}
.st-well{fill:var(--anatomy-shade-0)}
.st-win-bg{fill:var(--anatomy-face);stroke:var(--anatomy-lo);stroke-width:.5px;vector-effect:non-scaling-stroke}
.st-win-bar{stroke:var(--anatomy-lit);stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.st-win-code{fill:none;stroke:var(--anatomy-mid);stroke-width:.9px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.st[data-hot] .st-win-bar{stroke:var(--st-hot)}
.st[data-hot] .st-win{animation:st-glitch 1.3s steps(2,end) infinite}
.st[data-hot] .st-win:nth-child(3n){animation-delay:-.4s}.st[data-hot] .st-win:nth-child(3n+1){animation-delay:-.9s}
.st-freeze{opacity:0;transition:opacity .6s}
.st[data-hot] .st-freeze{opacity:1}
.st-freeze-dim{fill:var(--anatomy-paper);opacity:.55}
.st-spin-track{fill:none;stroke:var(--anatomy-lo);stroke-width:2px;vector-effect:non-scaling-stroke}
.st-spin-arc{fill:none;stroke:var(--st-hot);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:.28 .72;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:st-spin 1.1s linear infinite}
.st-dial{fill:var(--anatomy-face)}
.st-zone{fill:none;stroke:var(--st-hot);stroke-width:2.4px;vector-effect:non-scaling-stroke;opacity:.85}
.st-needle{stroke:var(--anatomy-strong);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.st[data-hot] .st-needle{stroke:var(--st-hot)}
.st-hub{fill:var(--anatomy-hi)}
.st-mem{fill:var(--anatomy-lit);transition:fill .4s}
.st-mem[data-hot]{fill:var(--st-hot)}
.st-fan-well{fill:var(--anatomy-shade-0)}
.st-card{opacity:0;transform:translateY(-10px);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1)}
.st-card[data-on]{opacity:1;transform:none}
.st-done{fill:none;stroke:var(--anatomy-faint);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.st-done[data-on]{stroke:var(--anatomy-lit)}
.st-pr{fill:var(--anatomy-faint);transition:fill .5s .6s}
.st[data-step="3"] .st-pr{fill:var(--anatomy-lit)}
.st-tx{fill:var(--anatomy-lit);font-family:var(--anatomy-mono,ui-monospace,monospace)}
.st-ok{opacity:0;transition:opacity .4s}
.st[data-joined] .st-ok{opacity:1}
.st-run{fill:none;stroke:var(--anatomy-faint);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:round;transition:stroke .5s}
.st[data-step="2"] .st-run,.st[data-step="3"] .st-run{stroke:var(--anatomy-lit);animation:st-blink 1.4s ease-in-out infinite}
.st-led circle{fill:var(--anatomy-lo);transition:fill .4s}
.st[data-hot] [data-led="you"] circle{fill:var(--st-hot);animation:st-blink .5s steps(2,end) infinite}
.st[data-step="2"] .st-led:not([data-led="you"]) circle,.st[data-step="3"] .st-led:not([data-led="you"]) circle{fill:var(--anatomy-lit)}
.st-pk-core{fill:var(--anatomy-lit)}.st-pk-halo{fill:var(--anatomy-lit);opacity:.18}
.st-back .st-pk-core{fill:var(--anatomy-strong)}.st-back .st-pk-halo{fill:var(--anatomy-strong);opacity:.12}
@keyframes st-spin{to{transform:rotate(360deg)}}
@keyframes st-glitch{0%{opacity:1}50%{opacity:.45}}
@keyframes st-blink{50%{opacity:.4}}
@media (max-width:900px){
  .st-grid{display:flex;flex-direction:column;align-items:stretch}
  .st-stage{order:-1;position:sticky;top:0;height:auto;margin:0 -16px;padding:6px 16px 4px;z-index:2;background:var(--bg);box-shadow:0 14px 18px -12px var(--bg)}
  .st-stage svg{max-height:40vh;margin:0 auto}
  .st-step code{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .st-steps{padding:4vh 0 10vh}
  .st-step{min-height:62vh;justify-content:flex-start;padding-top:6vh}
}
@media (prefers-reduced-motion:reduce){
  .st-actor,.st-card,.st-arc-line,.st-arc-shadow,.st-arc-end,.st-step,.st-freeze{transition:none}
  .st-win,.st-spin-arc,.st-run,.st-led circle{animation:none!important}
}