@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.fig{margin-block:2.4em;padding-block:1rem 0;border-top:var(--hair) solid var(--ink-3)}.piece-text>figure.fig.wide{--figure: min(56rem, 100cqi);inline-size:var(--figure);margin-inline:calc((100% - var(--figure)) / 2)}.image-hero>figure.fig{inline-size:min(56rem,100%);margin:0 auto}:is(.entry,.card) .fig-thumb{display:block;overflow:hidden;filter:none;background:var(--paper)}.fig-thumb svg{display:block;inline-size:100%;block-size:100%}.card .fig-thumb svg{block-size:auto}.fig figcaption{margin-top:.9rem;color:var(--ink-2);text-align:center;text-wrap:balance}.fig :is(ol,ul){margin:0;padding:0;list-style:none}.fig li,.fig li+li{margin:0}:where(.fig) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:var(--radius)}:where(.fig) :is(button,input):focus-visible{outline:var(--hair) solid var(--accent);outline-offset:3px}.fig-play{color:var(--accent-ink)}.fig-play:hover{color:var(--accent)}.fig-pill{padding:.55rem .95rem;border:var(--hair) solid var(--accent);border-radius:2rem;color:var(--accent-ink)}.fig-pill:hover{background:color-mix(in oklab,var(--accent) 10%,transparent)}.fig-pill:disabled{border-color:var(--line);color:var(--ink-3);cursor:default;background:none}.fig-views{display:inline-flex;gap:.2rem;padding:.2rem;border:var(--hair) solid var(--line);border-radius:2rem}.fig-views button{padding:.4rem .9rem;border-radius:2rem;color:var(--ink-2);transition:background-color .2s ease,color .2s ease}.fig-views button:hover{color:var(--ink)}.fig-views [aria-pressed=true]{background:var(--ink);color:var(--paper)}.switch{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink-2);cursor:pointer}.switch input{appearance:none;inline-size:2.4rem;block-size:1.35rem;margin:0;border-radius:1rem;background:var(--line);position:relative;cursor:pointer;transition:background-color .2s ease}.switch input:after{content:"";position:absolute;inset:.18rem auto .18rem .18rem;inline-size:1rem;border-radius:50%;background:var(--paper);transition:translate .22s cubic-bezier(.2,.7,.2,1)}.switch input:checked{background:var(--accent)}.switch input:checked:after{translate:1.05rem 0}.fig-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6rem 1.4rem;margin-top:.6rem}.fig-controls input[type=range]{inline-size:100%;accent-color:var(--accent)}.fig-numbers{margin-top:.8rem;color:var(--ink-2)}.fig-numbers summary{cursor:pointer}.fig-numbers table{margin-top:.6rem;inline-size:auto}.fig-small{color:var(--ink-2)}.fig-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.5rem}.fig-read{flex:1 1 18rem;min-block-size:3em;margin:0;color:var(--ink)}.fig-key{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;color:var(--ink-2)}.fig-key li{display:inline-flex;align-items:center;gap:.4rem;cursor:default}.fig-key i{inline-size:.8rem;block-size:.8rem;border-radius:2px}.fig .plot{display:block;inline-size:100%;block-size:auto;margin-top:.4rem;overflow:visible;touch-action:pan-y}.fig .plot .grid{stroke:var(--line);stroke-width:1}.fig .plot .axis{stroke:var(--ink-3);stroke-width:1.2}.fig .plot :is(.tick,.axis-label){fill:var(--ink-2)}.fig .plot .cursor{stroke:var(--ink-3);stroke-dasharray:2 3;opacity:0}.fig.pointing .plot .cursor{opacity:1}.fig[data-pick] [data-pick-of]{opacity:.22;transition:opacity .2s ease}.fig[data-pick="0"] [data-pick-of="0"],.fig[data-pick="1"] [data-pick-of="1"],.fig[data-pick="2"] [data-pick-of="2"],.fig[data-pick="3"] [data-pick-of="3"],.fig[data-pick="4"] [data-pick-of="4"]{opacity:1}@media(prefers-reduced-motion:reduce){.fig *,.fig *:before,.fig *:after{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}}}@layer type{:where(.fig-display){font-family:var(--font-display);font-size:var(--t-d3);font-weight:300;line-height:1;font-variant-numeric:oldstyle-nums}.fig .plot :is(.tick,.axis-label){font:400 13px var(--font-text);font-variant-numeric:lining-nums tabular-nums}@media(width<40rem){.fig .plot :is(.tick,.axis-label){font-size:22px}}}

@layer reset,base,layout,components,writing,reader,type,motion,print;@layer reader{.cascade :is(.node,.tie,.back,.more,.attack,.words){transition:opacity .6s ease}.cascade .tie{fill:none;stroke:var(--ink-2);stroke-width:1.2}.cascade .more{stroke:var(--ink-3);stroke-width:1.2;stroke-dasharray:1 5;stroke-linecap:round}.cascade .back{fill:none;stroke:var(--accent);stroke-width:1.1;stroke-dasharray:3 4;opacity:.75}.cascade .node{fill:var(--paper);stroke:var(--ink);stroke-width:1.6}.cascade .node.problem{fill:var(--ink)}.cascade .node.solve{fill:var(--accent);stroke:var(--accent)}.cascade .node.test{fill:var(--ink)}.cascade .node.virus{fill:var(--accent);stroke:none}.cascade .attack{fill:none;stroke:var(--accent);stroke-width:1.4;stroke-linejoin:round}.cascade .words text{fill:var(--ink);stroke:var(--paper);stroke-width:5px;stroke-linejoin:round;paint-order:stroke}.cascade .words.s0 text{fill:var(--ink-2)}.cascade .w-narrow{display:none}@media(width<40rem){.cascade .w-narrow{display:inline}.cascade .w-wide{display:none}}.cascade[data-at="0"] :is(.s1,.s2,.s3),.cascade[data-at="1"] :is(.s2,.s3),.cascade[data-at="2"] .s3{opacity:0}.cascade .fig-controls{grid-template-columns:minmax(0,1fr) auto auto}.cascade-stage{color:var(--ink-2);min-inline-size:7rem}.cascade-key{margin-top:.7rem}.cascade-key i{inline-size:1.4rem;block-size:0;border-radius:0}.cascade-key .k-tie{border-top:1.5px solid var(--ink-2)}.cascade-key .k-back{border-top:1.5px dashed var(--accent)}.cascade-key .k-virus{inline-size:.7rem;block-size:.7rem;background:var(--accent);clip-path:polygon(50% 0,62% 32%,95% 25%,72% 50%,95% 75%,62% 68%,50% 100%,38% 68%,5% 75%,28% 50%,5% 25%,38% 32%)}@media(width<40rem){.cascade .fig-controls{grid-template-columns:minmax(0,1fr) auto}.cascade .fig-play{grid-column:1 / -1;justify-self:start}}}@layer type{.cascade .plot .words text{font:400 14px var(--font-text)}.cascade .plot .words.s0 text{font:italic 400 16px var(--font-display)}@media(width<40rem){.cascade .plot .words text{font-size:22px}.cascade .plot .words.s0 text{font-size:23px}}}
