.example-workspace-shell [hidden]{display:none!important}
.example-workspace-shell .example-workspace-media video{display:block;width:100%;height:auto;background:#080d1c}
.example-workspace-shell .demo-media-note{padding:0 14px;font-size:12px;line-height:1.6;color:#bdc9dd}
.demo-resources{margin:18px 0 28px;padding:18px;border:1px solid #435270;border-radius:12px;background:#19253a}
.demo-resources h2{font-size:18px;margin:0 0 12px}.demo-resources summary{cursor:pointer;padding:12px 0;font-weight:800;color:#a6e8de}
.demo-resources .demo-score-card{position:relative;display:block;list-style:none;padding:20px;border:1px solid #435270;border-radius:16px;background:#1e2b40;color:#edf0ff;container-type:inline-size;container-name:demo-score-card}
.demo-score-card::-webkit-details-marker{display:none}.demo-score-card-content{min-width:0;overflow-wrap:anywhere}.demo-score-card .media-heading{display:flex;align-items:center;gap:12px}.demo-score-card .media-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;background:#30295c;border-radius:12px;color:#d7cdff;font-size:24px}
.demo-score-card strong{display:block;font-size:18px}.demo-score-card small{display:block;font-weight:500;font-size:14px;color:#b6bed3;margin-top:4px}.demo-score-card p{font-weight:500;font-size:15px;line-height:1.6;margin:18px 0}
.demo-score-card-action{display:inline-block;padding:12px 18px;border-radius:10px;background:#7056e9;color:white;font-size:15px;font-weight:800}.demo-score-close{display:none}details[open]>.demo-score-card .demo-score-open{display:none}details[open]>.demo-score-card .demo-score-close{display:inline}
.demo-score-card .practice-card-art{display:none;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:180px;color:#8cddd5;pointer-events:none}.demo-score-card .practice-card-art svg{display:block;width:100%;height:auto}
@container demo-score-card (min-width:480px){.demo-score-card-content{padding-right:200px}.demo-score-card .practice-card-art{display:block}}
.demo-resources iframe{width:100%;height:680px;border:1px solid #536481;border-radius:10px;background:#10172a}
.demo-resources a{color:#a7e8df}.demo-modes,.demo-card-navigation{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.demo-resources a.button{background:#273c53;color:#baf3e9;border:1px solid #718ca7}.demo-coach .demo-modes button{width:auto;flex:1 1 calc(50% - 8px)}
.demo-coach button,.demo-choices button,[data-demo-reset]{padding:10px 12px;border:1px solid #8272bb;border-radius:8px;background:#30294f;color:#f4f2ff;cursor:pointer;font:inherit;font-size:12px;font-weight:700;min-height:44px}
.demo-coach button[aria-pressed=true],.demo-choices button[aria-pressed=true]{background:#a3e5d9;color:#112d30;border-color:#a3e5d9}
.demo-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.demo-choices button{text-align:left;overflow-wrap:anywhere}
.demo-quiz article,.demo-coach [data-demo-coach-panel]{margin-top:16px;border-top:1px solid #52607a;padding-top:14px}.demo-quiz article{padding-bottom:16px}
.demo-coach .demo-disclosure{font-size:11px;line-height:1.6;color:#c7cee0}.demo-coach h4{font-size:14px;line-height:1.5}.demo-coach ol{padding-left:20px;font-size:13px;line-height:1.7}
.demo-coach summary{cursor:pointer;font-weight:700;padding:10px 0}.demo-coach .demo-card-navigation{margin-top:14px;font-size:12px}
.example-workspace-shell button:focus-visible,.example-workspace-shell summary:focus-visible{outline:3px solid #a3e5d9;outline-offset:3px}
.example-workspace-shell button:disabled{opacity:.65;cursor:default}
.hero-actions .demo-lesson-link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;margin:10px 12px;border:1px solid #8ea6b8;border-radius:10px;color:#b8eee4;font-weight:700;text-decoration:none}
.pupil-demo-entry{margin:16px 0;text-align:center}.pupil-demo-entry a{display:inline-block;padding:12px 20px;border:1px solid #8174bd;border-radius:10px;color:#dbd4ff;font-weight:800;text-decoration:none}.pupil-demo-entry small{display:block;margin-top:8px;color:#bfc7dd}
@media(max-width:760px){.demo-resources iframe{height:650px}.demo-choices{grid-template-columns:1fr}.hero-actions .demo-lesson-link{margin:10px 0}.pupil-demo-entry{padding:0 12px}}