.classroom{max-width:760px;margin:auto;padding:24px 18px 48px}.classroom header{gap:12px}.preview-note{border-left:4px solid #bd8515;background:#fff4d8;padding:12px;border-radius:8px}.classroom progress{width:100%;height:10px;accent-color:#286449}.classroom section{margin-top:24px}.instruction{font-size:1.2rem;line-height:1.7}.fraction{margin:20px 0}.fraction figcaption{font-weight:700;margin-top:8px;text-align:center}.fraction-bar{display:flex;max-width:440px;height:64px;border:2px solid #286449;border-radius:8px;overflow:hidden;background:#fff;margin:auto}.fraction-bar span{flex:1;border-right:1px solid #286449}.fraction-bar span:last-child{border:0}.fraction-bar .shaded{background:#76b596}.classroom fieldset{border:0;padding:0;margin:24px 0}.classroom legend{font-weight:700;font-size:1.15rem;margin-bottom:12px}#choices{display:grid;gap:12px}#choices button{min-height:56px;background:#fff;color:#173d30;border:2px solid #79a18a;text-align:left;padding:14px 20px}#choices button:focus-visible{outline:3px solid #b78416;outline-offset:3px}#feedback:not(:empty){padding:16px;background:#eaf4ef;border-radius:12px}.class-actions{display:flex;flex-wrap:wrap;gap:12px}.class-actions button{min-height:48px}.classroom button:disabled{opacity:.55;cursor:wait}.lesson-card{display:block;width:100%;margin:12px 0;text-align:left;padding:20px}.classroom footer{margin-top:40px}#status{min-height:1.5em}.classroom [hidden]{display:none!important}@media(max-width:450px){.classroom h1{font-size:1.8rem}.class-actions button{flex:1 1 40%}.fraction-bar{height:56px}}

#voice-panel{padding:16px;border:1px solid #79a18a}#voice-panel button,#history-list button{margin:6px 6px 6px 0;min-height:48px}#voice-transcript{overflow-wrap:anywhere}