[hidden] { display: none !important; }
.auth-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 1rem; max-width: 1100px; margin: 1rem auto; padding: 0 1rem; }
.auth-grid label { display: grid; gap: .4rem; }
.auth-grid input, .auth-grid select { box-sizing: border-box; width: 100%; min-height: 44px; border: 1px solid #9ba4af; border-radius: .5rem; padding: .6rem; font: inherit; }
.local-banner { background: #fff0ce; color: #523d0c; padding: .8rem 1rem; margin: 0; text-align: center; }
#portal-status:empty { display: none; }
#portal-status { max-width: 1000px; margin: 1rem auto; }
#created-student { overflow-wrap: anywhere; font-weight: bold; }
button { min-height: 44px; }
:focus-visible { outline: 3px solid #276cb6; outline-offset: 3px; }
#classroom-tools {max-width:1100px;margin:1rem auto;padding:0 1rem;display:grid;gap:1rem;}
#classroom-tools input:not([type=checkbox]),#classroom-tools select,#classroom-tools textarea {font:inherit;min-height:44px;max-width:100%;padding:.6rem;border:1px solid #9ba4af;border-radius:.5rem;}
#classroom-tools label {display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
#classroom-tools input[type=checkbox] {width:22px;height:22px;}
body.classroom-projecting > :not(#classroom-tools) {display:none!important;}
body.classroom-projecting .classroom-controls,body.classroom-projecting .classroom-private {display:none!important;}
/* Recorder diagnostics remain local and never replace Save or playback controls. */
.word-recorder__input-label{display:grid;gap:.4rem}.word-recorder__input-choice{width:100%;min-height:44px}.word-recorder__input-level{display:block;width:100%;min-height:1.1rem}.word-recorder__input-hint{font-size:.95rem;line-height:1.5}