/* Public demo presentation; the original teaching player is copied unchanged. */
:root{--paper:#f0f5f7;--ink:#14394e;--blue:#205d7e;--muted:#506976;--line:#cedde4}.demo-top{max-width:1440px;margin:auto;padding:18px 32px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px}.demo-top a{color:var(--ink);text-decoration:none}.demo-brand{font:700 17px "Bahnschrift",Arial,sans-serif;letter-spacing:.04em}.demo-top .demo-links{display:flex;gap:20px}header{padding-top:20px;padding-bottom:19px}header .version{display:none}.language-details{margin-bottom:18px;border:1px solid var(--line);border-radius:5px;background:#fff;font-size:12px}.language-details summary{padding:10px 14px;color:var(--muted);cursor:pointer}.language-details .languagebar{border:0;margin:0;padding-top:3px}.translation-note{padding:0 14px 10px;margin:0;color:var(--muted);font-size:11px}.language-details summary:focus-visible{outline:3px solid #ba7600;outline-offset:2px}.scene-navigation{display:none}.startcover button{min-height:48px}.option{min-height:54px}.button,.viewbuttons button{min-height:44px}.screen{border-radius:8px}.after{border:1px solid var(--line);min-height:0;padding:28px;margin-bottom:24px}.demo-next{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.demo-next a{display:inline-block;text-decoration:none;font-size:14px;border-radius:4px;padding:11px 16px;border:1px solid var(--blue);color:var(--blue)}.demo-next a:first-child{background:var(--blue);color:#fff}.demo-contact{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 28px;margin-top:26px}.demo-contact h2{font-size:21px;margin-bottom:8px}.demo-contact p{font-size:13px;color:var(--muted);margin:0 0 17px}.demo-contact .contact-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.demo-contact a{display:inline-block;color:var(--blue);font-size:13px;text-decoration:none;border:1px solid var(--line);border-radius:4px;padding:10px 16px;min-height:44px}.demo-contact a:hover{border-color:var(--blue)}.demo-contact .contact-email{font:13px Arial;color:var(--muted)}footer{font-size:11px}#download{display:none!important}.mobile-choices-hint{display:none}.workspace>section,.workspace>aside{min-width:0}.demo-next a:focus-visible{outline:3px solid #ba7600;outline-offset:3px}.undertext{min-height:2em}.options .option strong{min-width:1em}
@media(max-width:800px){.demo-top{padding:17px 18px 0}.demo-top .demo-links{gap:14px}header{padding-top:16px}.language-details{margin-bottom:15px}.toolbar{gap:7px}.toolbar .button{font-size:12px;padding:7px 10px}aside{scroll-margin-top:14px;padding:20px}.option{font-size:15px;line-height:1.75;padding:13px 12px}.option strong{font-size:19px}.workspace h2{font-size:19px}.viewbuttons button{font-size:13px}.viewbar{margin-top:10px}#viewhint{font-size:11px}.after{padding:20px}.demo-contact{padding:22px 20px}.demo-next{display:grid;grid-template-columns:1fr}.demo-next a{text-align:center}.startcover p{font-size:11px}.viewlabel,.answerlabel{max-width:45%;font-size:10px}.time{font-size:11px}.demo-top .demo-links a{font-size:11px}.language-picker label{font-size:11px}.language-details .instructor-switch strong{font-size:11px}}
@media(max-width:359px){.demo-top{padding-inline:12px}.demo-brand{font-size:15px}main{padding-inline:12px}.demo-top .demo-links{gap:9px}.viewbuttons button{padding:7px 9px}.toolbar .button{padding:7px}.code{font-size:28px}h1{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}