.demo-tabs,.demo-controls{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.demo-tabs button{background:white;border:1px solid #b9c9de;border-radius:8px;padding:12px;color:#17375b;font:600 14px 'DM Sans',sans-serif;cursor:pointer}.demo-tabs button[aria-current=step]{background:#173d79;color:white}.demo-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.demo-scene{background:#eaf0f7;border:1px solid #b9c9de;border-radius:12px;padding:28px;align-self:start}.demo-scene #demo-observation{font-size:24px;line-height:1.6;color:#193552}#demo-check{margin-top:28px}#demo-finish{background:#edf5f0;padding:22px;border-radius:10px}#demo-feedback{font-weight:600}#demo-lesson button:focus-visible{outline:3px solid #285ac6;outline-offset:4px}#demo-lesson summary{cursor:pointer;font-weight:600}#demo-title,#demo-check h2{scroll-margin-top:100px}@media(max-width:700px){.demo-grid{grid-template-columns:1fr}.demo-tabs button{flex:1 1 40%}.demo-scene #demo-observation{font-size:20px}}