.classroom-dialog{width:min(920px,calc(100vw - 24px))}.classroom-panel{max-width:100%}.classroom-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 18px;color:#355441}.classroom-heading b{font-size:18px}.classroom-heading span{white-space:nowrap;font-size:12px}.classroom-layout{display:grid;grid-template-columns:minmax(180px,.85fr) minmax(260px,1fr);gap:24px;align-items:start}.classroom-chart{display:block;width:100%;height:auto;max-height:440px;object-fit:contain}.classroom-controls{min-width:0}.classroom-controls button{min-height:44px;white-space:normal}.classroom-controls [hidden]{display:none!important}.classroom-controls .activity-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.classroom-answers{display:flex;flex-direction:column;gap:8px}.classroom-answers button{text-align:left;padding:12px 14px}.classroom-answers button[aria-pressed=true]{outline:2px solid #567659;outline-offset:1px}.classroom-answers .classroom-correct{background:#dfedd8;border-color:#68835d;color:#294632;opacity:1}.classroom-reactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.classroom-reactions button{flex:1;font-size:14px;min-width:84px}.classroom-controls .chart-question{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.classroom-controls .activity-status{font-size:13px;line-height:1.8}.classroom-controls button:focus-visible{outline:3px solid #6c9376;outline-offset:3px}@media(max-width:600px){.classroom-layout{grid-template-columns:1fr;gap:16px}.classroom-chart{max-height:280px}.classroom-heading{align-items:flex-start}.classroom-heading b{font-size:16px}.classroom-controls .activity-tools button{flex:1}.classroom-controls .dialog-button{width:100%}.classroom-reactions{position:sticky;bottom:-16px;padding:10px 0;background:#fffdf3}.classroom-controls .chart-question{font-size:16px}}

.classroom-dialog{width:min(560px,calc(100vw - 36px))!important;padding:22px}.classroom-layout{grid-template-columns:minmax(130px,.7fr) minmax(210px,1fr);gap:16px}.classroom-chart{max-height:330px}.classroom-heading{margin:8px 0 12px}.classroom-dialog .dialog-description{font-size:12px}.classroom-reactions button{min-width:60px;font-size:12px}@media(max-width:600px){.classroom-dialog{width:calc(100vw - 24px)!important;max-height:54dvh!important;padding:16px}.classroom-layout{grid-template-columns:1fr}.classroom-controls{grid-row:1}#classroom-chart-mount{grid-row:2}.classroom-chart{max-height:230px}.classroom-dialog .dialog-header h2{font-size:23px}}