.demo-host{color:var(--fg);font-size:16.5px;overflow-x:auto}.demo-host .row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.demo-host .cap,.demo-host small{color:var(--mut);font-size:13px}.demo-host .p,.demo-host button.p{background:var(--ac);border-color:var(--ac);color:#fff}.demo-host button{font:inherit;border:1px solid var(--bd);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:9px 18px;font-size:15px;transition:opacity .15s}.demo-host button:hover{opacity:.85}.demo-host button:focus-visible,.demo-host input:focus-visible,.demo-host select:focus-visible{outline:2px solid var(--ac);outline-offset:2px}.demo-host button:disabled{opacity:.5;cursor:wait}.demo-host .chip{background:var(--code);border-radius:99px;margin:2px;padding:2px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;display:inline-block}.demo-host .chip.on{background:var(--ac);color:#fff}.demo-host .chip.pad{background:var(--ac2);color:#fff}.demo-host .chip.unk{background:var(--ko);color:#fff}.demo-host .chk{margin:4px 0;font-size:14px}.demo-host .chk.ok{color:var(--ok)}.demo-host .chk.ko{color:var(--ko)}.demo-host .out{color:#e8e8ea;white-space:pre-wrap;background:#0d0d10;border-radius:12px;margin:8px 0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.demo-host .ed{background:var(--code);color:var(--fg);border:1px solid var(--bd);border-radius:12px;width:100%;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.demo-host table{border-collapse:collapse;font-size:14px}.demo-host td,.demo-host th{border:1px solid var(--bd);text-align:center;padding:3px 9px}.demo-host input[type=text],.demo-host input[type=number],.demo-host select{font:inherit;border:1px solid var(--bd);background:var(--card);color:var(--fg);border-radius:12px;padding:8px 12px;font-size:15px}.demo-host input[type=text]{min-width:min(100%,320px)}.demo-host input[type=range]{accent-color:var(--ac)}.demo-host svg,.demo-host canvas{max-width:100%}.lesson-prose{font-size:18.5px;line-height:1.7;overflow-x:auto}.lesson-prose>*+*{margin-top:1em}.lesson-prose h2{letter-spacing:-.02em;margin-top:2.2em;font-size:1.6rem;font-weight:700;line-height:1.2}.lesson-prose h3{margin-top:1.8em;font-size:1.2rem;font-weight:600}.lesson-prose ul,.lesson-prose ol{padding-left:1.4em}.lesson-prose ul{list-style:outside}.lesson-prose ol{list-style:decimal}.lesson-prose li+li{margin-top:.35em}.lesson-prose a{color:var(--ac)}.lesson-prose code{background:var(--code);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.lesson-prose pre{background:var(--code);border-radius:16px;padding:16px 18px;line-height:1.55;overflow-x:auto}.lesson-prose pre code{background:0 0;padding:0;font-size:13.5px}.lesson-prose table{border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.lesson-prose th,.lesson-prose td{border-bottom:1px solid var(--bd);text-align:left;padding:8px 14px}.lesson-prose th{color:var(--mut);font-weight:600}