/* Reversible presentation layout; never changes simulation state. */
#classroom-toggle{white-space:nowrap;margin-left:16px}
.air-learning-switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.air-learning-switch button{border:1px solid #b9cec2;background:#fff;color:#325e4f;border-radius:6px;padding:8px 14px}
.air-learning-switch button[aria-pressed=true]{background:#245e4e;color:white}
.air-learning-switch small{color:#6c8074;font-size:11px}
#air-answers{display:grid;gap:7px}
#air-answers button{text-align:left;border:1px solid #c8d9cf;background:#f4f8f5;color:#294e40;padding:10px;border-radius:7px;font-size:13px;line-height:1.5}
#air-answers button[aria-pressed=true]{border-color:#367a60;background:#dfefe5}
#air-answers button:disabled{opacity:.75;cursor:default}
#air-answer-feedback,#air-learning-summary{font-size:12px;line-height:1.7;color:#32624f}
#air-prediction:not([hidden])~.eyebrow{display:none}
.air-playback:has(#air-next[hidden]){grid-template-columns:1fr}
button:focus-visible{outline:3px solid #b78434;outline-offset:3px}
.classroom .intro,.classroom .mast-meta,.classroom .record-card,.classroom footer{display:none}
.classroom-source{display:none}
.classroom .classroom-source{display:block;font-size:11px;color:#aac9cd;margin-top:7px}
.classroom .review-grid{grid-template-columns:1fr}
.classroom .masthead{height:60px;min-height:54px;padding-top:8px;padding-bottom:8px;justify-content:space-between}
.classroom .tab{padding-top:10px;padding-bottom:10px}
.classroom main{padding-top:8px}
.classroom .tabs{margin-bottom:0}
.classroom .session-bar{padding-top:12px;padding-bottom:12px}
.classroom .air-header{padding:10px 0;gap:8px}
.classroom .air-header h2{font-size:20px;margin:5px 0}
.classroom .air-header p,.classroom .air-label{display:none}
.classroom .air-source{display:block;font-size:12px}
.classroom .air-mode-bar{margin-bottom:8px}
.classroom .air-mode-buttons button{padding:8px 20px}
.classroom .air-learning-switch{margin-bottom:10px}
.classroom .air-machine-heading{padding:10px 18px}
.classroom .air-instruments{padding:12px 18px 5px}
.classroom .air-instruments span{font-size:12px;margin-bottom:3px}
.classroom .air-instruments b{font-size:25px}
.classroom .air-scroll-note{display:none}
.classroom .air-legend{padding:10px 18px}
.classroom .air-control-card{padding:14px}
.classroom .air-control-card h3{font-size:16px;margin-bottom:8px}
.classroom .air-control-card .eyebrow{margin:0 0 8px}
.classroom #air-control-note{min-height:0;margin-top:6px}
.classroom .air-readouts{margin-top:8px;padding-top:4px}
.classroom .air-readouts div{padding:5px 0;font-size:12px}
.classroom .air-svg-label{font-size:17px}
.classroom .air-svg-small{font-size:14px}
.classroom .air-band-card{padding:12px}
.classroom .air-band-card svg{max-height:110px}
.classroom .air-band-card p{margin:0}
.classroom .air-sidebar{gap:10px}
.classroom .air-stages{margin:12px 0}
.classroom .air-stages li{padding:9px}
.classroom .air-bottom{margin-top:16px}
@media(min-width:851px){
 .classroom .air-layout{grid-template-columns:minmax(0,1.65fr) minmax(360px,1fr);gap:14px}
 .classroom .air-svg{min-width:0;height:clamp(260px,calc(100vh - 405px),580px);width:100%}
 .classroom .diagram svg{max-height:340px}
 .classroom .actions{gap:6px}
 .classroom .decision-card{padding:16px}
}
@media(max-width:560px){#classroom-toggle{font-size:11px;padding:8px;margin-left:8px}.classroom .air-header{flex-wrap:wrap}.air-learning-switch small{width:100%}}
