.demo{display:grid;grid-template-columns:1fr 34cqw;gap:3cqw;align-items:center}.demo-shot{display:block;border-radius:1cqw;outline-offset:.4cqw}.demo-shot img{display:block;width:100%;height:auto}.demo-shot:focus-visible{outline:.3cqw solid var(--accent)}.demo-side{display:flex;flex-direction:column;gap:1.8cqw;align-items:flex-start}.demo-side .lead{margin:0;font-size:1.55cqw}.demo-steps{display:grid;gap:1.2cqw;margin:0;padding:0;list-style:none;font-size:1.35cqw;line-height:1.45}.demo-steps li{display:flex;align-items:flex-start;gap:1cqw}.demo-steps .ic{font-size:2cqw;flex:none}.demo-note{font-size:1.1cqw;color:var(--ink-55);margin:0}.flow-step-now{border-color:var(--accent);background:var(--ink-10)}.flow-step-maybe{border-style:dashed;background:0 0}.flow-step.is-current:not(.flow-step-now){border-color:var(--ink-18);background:var(--ink-06)}.flow-step h3{min-height:2.3em}.flow-points{display:grid;gap:.5cqw;margin:0;padding-left:1.4cqw;font-size:1.4cqw;line-height:1.4}.flow-points li::marker{color:var(--accent)}.flow-kicker{font-size:1.05cqw;color:var(--accent)}.lessons{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4cqw 1.6cqw;margin:2cqw 0 0;padding:0;list-style:none}.lessons .card{display:grid;grid-template-columns:2.4cqw 1fr;column-gap:1cqw;align-content:start;padding:1.5cqw 1.8cqw}.lesson-num{grid-row:1/3;font-size:2.4cqw;font-weight:700;line-height:1;color:var(--accent)}.lessons h3{margin:0 0 .5cqw;font-size:1.6cqw;line-height:1.15;min-height:2.3em}.lessons p{font-size:1.2cqw}.is-presenting .lessons:has(.is-current) .card.is-shown:not(.is-current){opacity:.35}.statement-compact{font-size:4cqw}.nowrap{white-space:nowrap}