.cp-lesson{max-width:1100px;margin:auto;color:#132f44}.cp-lesson [hidden]{display:none!important}.cp-lesson h1{font-size:1.3rem;margin:2px;text-align:center}.cp-tabs,.cp-navigation,.cp-legend,.cp-choices{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}.cp-tabs{margin:3px}.cp-lesson button{border:2px solid #0759bc!important;background:#fff!important;color:#123951!important;font-weight:800!important;min-height:36px;cursor:pointer}.cp-lesson button:hover:not(:disabled){background:#e4efff!important}.cp-lesson button:focus-visible,.cp-svg [role=button]:focus-visible{outline:3px solid #bd1643;outline-offset:3px}.cp-lesson button:disabled{opacity:.4!important;cursor:default!important}.cp-lesson .cp-tabs [aria-pressed=true],.cp-lesson [data-next],.cp-lesson [data-auto]{background:#0759bc!important;color:#fff!important}.cp-board{border:2px solid #274c6e;padding:5px 10px;background:white}.cp-prompt{font-size:clamp(20px,2.3vw,28px);font-weight:900;text-align:center;color:#123951}.cp-caption{font-size:17px;text-align:center;margin:4px 0;font-weight:700;min-height:24px}.cp-scene{width:100%;max-width:900px;margin:auto}.cp-lesson .cp-svg{display:block;width:100%!important;height:auto!important;max-height:39svh!important;overflow:visible}.cp-svg text{font:800 23px Arial,sans-serif}.cp-svg [data-piece] text{font-size:23px}.cp-svg [role=button]{cursor:pointer}.cp-svg [aria-disabled=true]{cursor:default}.cp-legend{margin:1px auto}.cp-legend button{padding:3px 9px!important;display:flex;align-items:center;gap:6px}.cp-swatch{display:inline-block;width:19px;height:19px;background:var(--cp-color);border:2px solid #17364d}.cp-legend b{font-size:23px}.cp-explanation{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;min-height:62px;font-size:24px;font-weight:800;margin:4px 0}.cp-explanation small{font-size:17px}.cp-explanation strong{color:#0759bc;font-size:27px}.cp-fraction{display:inline-flex;flex-direction:column;align-items:stretch;text-align:center;vertical-align:middle;line-height:1.05;font-size:27px;min-width:35px;direction:ltr}.cp-fraction b:first-child{border-bottom:2px solid currentColor;padding:0 4px 3px}.cp-fraction b:last-child{padding-top:3px}.cp-scale{display:flex;direction:rtl;gap:4px;justify-content:center;margin:5px 0}.cp-scale span{padding:5px 8px;border:2px solid #52687d;font-size:15px;font-weight:800}.cp-scale .cp-current{background:#0759bc;color:white;border-color:#0759bc}.cp-navigation{margin:5px 0}.cp-navigation button{padding:4px 10px!important}.cp-question{padding:7px;border:3px solid #985a00;background:#fff3c4;text-align:center;margin:5px 0}.cp-question>strong{display:block;color:#774000;font-size:18px;margin-bottom:4px}.cp-choices button{font-size:18px!important;padding:6px 12px!important;max-width:100%}.cp-question p{margin:5px 0;min-height:22px;font-weight:800}.cp-question.cp-answered{border-color:#006744}.cp-lesson .cp-choices .cp-correct{background:#006744!important;color:#fff!important;opacity:1!important}.cp-lesson .cp-choices .cp-wrong{border-color:#b00031!important;color:#a40029!important}.cp-success{color:#006744}.cp-warning,[data-error]{color:#a14600}.cp-experiment{text-align:center}.cp-trials{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:4px auto;max-width:760px}.cp-trials span{display:grid;place-items:center;background:var(--cp-color);color:white;text-shadow:0 1px 3px #000,1px 0 2px #000;width:27px;height:27px;border:2px solid #17364d;font-weight:900}.cp-experiment p{margin:4px}.cp-note{font-size:15px;font-weight:700}.cp-options{display:flex;flex-wrap:wrap;gap:12px}.cp-options label{display:flex;align-items:center;gap:6px}.cp-options fieldset{width:100%;display:flex;flex-wrap:wrap;gap:10px;border:2px solid #426582}.cp-options input:not([type=checkbox]){width:65px;font-size:23px!important}.cp-options select{max-width:100%}.cp-lesson form button{padding:8px 22px!important}.mv-focus .cp-tabs,.mv-focus .cp-legend{display:none!important}.mv-focus .cp-lesson .cp-svg{max-height:65svh!important}.mv-focus .cp-board{border:0}.cp-lesson .cp-choices .cp-fraction{font-size:25px}
@media(max-width:600px){.cp-board{padding:4px}.cp-caption{font-size:14px;min-height:20px}.cp-legend button{font-size:13px!important;padding:2px 5px!important}.cp-legend b{font-size:18px}.cp-swatch{width:14px;height:14px}.cp-prompt{font-size:20px}.cp-scene{overflow:hidden}.cp-lesson .cp-svg{max-height:32svh!important;min-height:190px}.cp-svg text{font-size:26px}.cp-explanation{font-size:20px;gap:7px;min-height:42px}.cp-scale{flex-wrap:wrap}.cp-scale span{font-size:13px;padding:3px}.cp-choices{gap:4px}.cp-choices button{font-size:15px!important;padding:5px!important}.cp-navigation button{font-size:14px!important;padding:3px 7px!important}.cp-note{font-size:13px}.cp-question{padding:4px}.cp-question p{font-size:14px}.cp-options fieldset{padding:6px}.cp-lesson h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){.cp-lesson *{animation:none!important;transition:none!important}}
/* Opaque classroom controls: no pale shared presentation backgrounds. */
.mv-experience .cp-lesson button{background:#064f9e!important;color:#fff!important;border-color:#07325f!important;box-shadow:0 2px 0 #07325f!important;opacity:1!important}
.mv-experience .cp-lesson button:hover:not(:disabled){background:#003568!important;color:#fff!important}
.mv-experience .cp-lesson .cp-tabs button[aria-pressed=true]{background:#ffd526!important;color:#172c41!important;border-color:#755000!important;box-shadow:0 2px 0 #755000!important}
.mv-experience .cp-lesson .cp-legend button{background:var(--cp-color)!important;color:#fff!important;border-color:#172c41!important;box-shadow:0 2px 0 #172c41!important}
.mv-experience .cp-lesson .cp-legend button[data-event-color="2"]{color:#172c41!important}
.mv-experience .cp-lesson .cp-legend button:hover:not(:disabled){outline:3px solid #172c41;outline-offset:1px}
.mv-experience .cp-lesson button:disabled{background:#d3d9df!important;color:#43505d!important;border-color:#65717c!important;border-style:dashed!important;box-shadow:none!important;opacity:1!important}
.mv-experience .cp-lesson .cp-choices button.cp-correct{background:#006744!important;color:#fff!important;border:3px solid #003c28!important;opacity:1!important}
.mv-experience .cp-lesson .cp-choices button.cp-wrong{background:#a20e34!important;color:#fff!important;border:3px solid #6a0020!important;opacity:1!important}
.mv-experience .cp-lesson .cp-scene svg.cp-svg.mv-diagram{height:auto!important;max-height:36svh!important;min-height:0!important}
.mv-experience .cp-lesson.cp-asking .cp-scene svg.cp-svg.mv-diagram{max-height:28svh!important}
.mv-experience.mv-focus .cp-lesson .cp-scene svg.cp-svg.mv-diagram{max-height:62svh!important}
.cp-question [data-feedback]:empty{display:none}.cp-asking .cp-caption{display:none}
.cp-explanation>span:first-child:not(.cp-fraction){flex-basis:100%;font-size:18px;text-align:center}
@media(max-width:600px){.cp-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:3px}.cp-legend button{padding:2px!important;font-size:11px!important;gap:3px;justify-content:center}.cp-legend b{font-size:17px}.cp-legend .cp-swatch{width:11px;height:11px;flex-shrink:0}.cp-explanation{column-gap:10px;row-gap:3px}.cp-explanation>span:first-child:not(.cp-fraction){font-size:16px}.cp-explanation small{font-size:14px}}
@media(max-width:600px){.mv-experience .cp-lesson.cp-asking .cp-scene svg.cp-svg.mv-diagram{max-height:23svh!important}.cp-asking .cp-legend button{min-height:28px!important}.cp-asking .cp-question>strong{font-size:15px}.cp-asking .cp-question [data-explain]{padding:3px 7px!important;min-height:32px!important}.cp-asking .cp-choices button{min-height:36px!important}.cp-asking .cp-legend{gap:3px}}
@media(min-width:750px){.cp-asking .cp-board{display:grid;grid-template-columns:3fr 2fr;gap:4px 12px;align-items:center}.cp-asking .cp-prompt,.cp-asking .cp-caption{grid-column:1/-1}.cp-asking .cp-scene{grid-column:1;grid-row:3}.cp-asking .cp-legend{grid-column:1;grid-row:4}.cp-asking .cp-question{grid-column:2;grid-row:3/5}.mv-experience .cp-lesson.cp-asking .cp-scene svg.cp-svg.mv-diagram{max-height:36svh!important}}