.demo-intro{padding:3rem 0 2rem;border-bottom:2px solid var(--color-ink)}.demo-intro h1{max-width:18ch;font-size:clamp(2.5rem,7vw,5rem)}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:3rem;padding:3rem 0}.demo-layout h2,.demo-transcript h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15}.demo-layout figure{margin:0;text-align:center}.demo-layout video{display:block;width:100%;height:auto;background:#111;border:1px solid var(--color-rule);border-radius:1rem}.demo-layout figcaption{font-size:.85rem;color:var(--color-muted);padding:.5rem}.demo-notes p{max-width:38rem}.demo-transcript{border-top:1px solid var(--color-rule);padding:2.5rem 0;max-width:48rem}.demo-transcript li+li{margin-top:.65rem}.primary-action{display:inline-block;white-space:normal;margin-top:.5rem}video:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}[lang=ko]{word-break:keep-all;overflow-wrap:break-word}@media(max-width:42rem){.demo-layout{grid-template-columns:minmax(0,1fr);gap:1rem;padding:2rem 0}.demo-layout figure{max-width:360px;margin-inline:auto;width:100%;grid-row:1}.demo-intro{padding:2rem 0 1rem}.demo-notes{min-width:0}}
.caption-control{margin:0 0 .75rem}.caption-control select{font:inherit;padding:.5rem;border:1px solid var(--color-rule);border-radius:.25rem;background:var(--color-paper);color:var(--color-ink)}.caption-control select:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}