/* V250 – Compact student sign-in; mobile only, zero changes to OTP or auth JavaScript. */
@media (max-width:680px){
 /* Remove promotional hero from the sign-in view; keep it in DOM for legacy scripts. */
 #loginHero{display:none!important}
 .siteTop .topInner{padding:8px 14px!important;min-height:58px}
 .siteTop .brand img{width:34px!important;height:34px!important}
 .siteTop .brand strong{font-size:16px!important}
 .siteTop .brand small{font-size:10px!important}
 body main{padding:12px 12px 20px!important}
 #loginPanel.authGrid{display:block!important;margin:0 auto;max-width:480px}
 #loginPanel .authPanel{padding:17px 17px 15px!important;border-radius:17px!important;max-width:none!important}
 #loginPanel .authIcon{display:none!important}
 #loginPanel .authPanel h2{font-size:25px!important;line-height:1.15;margin:0 0 5px!important;letter-spacing:-.035em}
 #loginPanel .authPanel>p.muted{font-size:12px!important;line-height:1.3!important;margin:0 0 8px!important}
 #loginPanel .sinhalaGuide{margin:5px 0 9px!important}
 #loginPanel .sinhalaGuideButton{width:auto!important;min-height:36px;padding:6px 10px!important;border-width:1px!important;border-radius:9px!important;font-size:12px!important;box-shadow:none!important;display:inline-flex!important}
 #loginPanel .authModes{margin:5px 0 9px!important;padding:3px!important;gap:3px!important;border-radius:10px!important}
 #loginPanel .authMode{padding:8px 5px!important;min-height:43px!important;font-size:12px!important;line-height:1.15!important;border-radius:8px!important}
 #loginPanel .authPanel label{margin:10px 0 4px!important;font-size:12px!important}
 #loginPanel .authPanel input{height:46px!important;min-height:46px!important;padding:8px 12px!important;font-size:16px!important;border-radius:10px!important}
 #loginPanel .authPanel .primary{min-height:46px!important;margin-top:11px!important;padding:9px 13px!important;font-size:14px!important;border-radius:10px!important}
 #loginPanel .subtleAction{font-size:12px!important;padding:8px!important;margin:3px 0!important;min-height:35px!important}
 #loginPanel #authHelpText{display:none!important}
 #loginPanel .authAside{display:none!important}
 #loginPanel .authPanel form[hidden]{display:none!important}
}
@media (max-width:680px) and (max-height:720px){
 #loginPanel .authPanel{padding:13px!important}
 #loginPanel .authPanel h2{font-size:23px!important}
 #loginPanel .authPanel>p.muted{display:none!important}
 #loginPanel .sinhalaGuide{margin:3px 0 7px!important}
 #loginPanel .authModes{margin:3px 0 7px!important}
 #loginPanel .authPanel label{margin:7px 0 3px!important}
}