/* Native touch scrolling and a compact lab leave room to read and make choices. */
@media(max-width:899px){
 body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
 select,input[type=text],input[type=email],input[type=number],textarea{font-size:16px!important}
 .header-nav a,.utility-bar button,.footer-contact a{min-height:44px;display:inline-flex;align-items:center}
 .site-footer .footer-contact{margin-top:18px;gap:4px}.site-footer .footer-contact a{margin:0!important;white-space:normal}
 .header-nav{gap:20px}.header-content{flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}
 .project-overview,.decision,.save-points,.student-voice{overflow-wrap:anywhere}
 /* Exam notices on phones start with the decision, without a portrait spacer. */
 .decision.important-exam .story-character{display:none}
 .decision.important-exam{padding:18px!important;min-height:0}
 .feedback-option{min-height:64px;cursor:pointer;touch-action:manipulation}
 dialog{max-height:calc(100dvh - 24px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .pixel-room[data-projection=isometric] .room-label{font-size:10px;line-height:1.5;padding:5px 7px;max-width:94%}
 .week-plan .week-desc{font-size:12px;line-height:1.7}.week-plan>label{font-size:11px}
 .monthly-confirm{gap:12px;flex-wrap:wrap;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .monthly-confirm .primary{width:100%;min-height:48px}
 .save-point-tools input{width:100%}.journal-restore button{width:100%}
 .mail-row{min-height:64px}.ending-review select{min-height:44px}
}
@media(max-width:420px){
 .header-nav{width:100%;justify-content:space-between;gap:8px;font-size:14px}
 .live-lab .room-label{font-size:9px}
 .progress-label{flex-wrap:wrap;gap:4px}
}
@media(max-height:600px) and (max-width:899px){
 .live-lab .pixel-room[data-projection=isometric],.live-lab .pixel-room{height:clamp(100px,28dvh,155px)}
 .live-scene-status{display:none}.live-lab .week-outcome{padding:5px 8px}
 .live-lab .week-outcome p{margin:3px 0}.live-lab .week-dots{display:none}
 .live-lab .week-scene-header{padding:6px 10px}
}