/* HI-24 · the watched atom: the demo canvas, its key, and the chip figure. On top of episode.css. */
#wa-view{display:block;width:100%;height:320px}
.demo-legend .wa-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.wa-dot.home{background:var(--ember)} .wa-dot.turned{background:var(--brass)} .wa-dot.caught{background:var(--clay);opacity:.6} .wa-dot.leaked{background:var(--slate);opacity:.6}
.wa-steps{list-style:none;counter-reset:wa;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;padding:0}
.wa-steps li{counter-increment:wa;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:12px 14px;font-size:15px}
.wa-steps li::before{content:counter(wa);display:block;font-family:var(--mono);font-weight:700;font-size:20px;color:var(--ember);margin-bottom:2px}
.wa-steps b{display:block;font-weight:600;margin-bottom:2px}
@media (max-width:760px){.wa-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wa-fig{margin:18px 0;border:1px solid var(--line);border-radius:6px;padding:12px 12px 8px;background:rgba(28,21,16,.35)}
.wa-svg{display:block;width:100%;height:auto;font-family:var(--mono)}
.wa-grid{stroke:var(--grid);stroke-width:1}
.wa-tick{fill:var(--ink-label);font-size:11px}
.wa-axlabel{fill:var(--parchment-dim);font-size:11px;letter-spacing:.04em}
.wa-bar{fill:var(--ember);opacity:.72}
.wa-bar.is-peak{opacity:1;filter:drop-shadow(0 0 6px rgba(232,131,58,.6))}
.wa-ideal{stroke:var(--parchment-dim);stroke-width:2;stroke-dasharray:4 3}
.wa-leak{fill:var(--bark);stroke:var(--slate);stroke-width:2}
.wa-val{fill:var(--ember);font-size:12px;font-weight:700}
.wa-key{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-label);margin:6px 2px 0}
.wa-key i{display:inline-block;width:14px;vertical-align:3px;margin-right:6px}
.wa-key .k-bar{height:9px;background:var(--ember);vertical-align:-1px}
.wa-key .k-ideal{border-top:2px dashed var(--parchment-dim)}
.wa-key .k-leak{width:9px;height:9px;border:2px solid var(--slate);border-radius:50%;vertical-align:-1px}