body[data-screen=school-login] .site-header{display:none}
.school-fallback-link{display:block;text-align:center;font-size:17px;line-height:1.5;padding:12px 4px;color:#245553;text-underline-offset:4px}
.school-login{box-sizing:border-box;min-height:100svh;display:grid;place-items:center;padding:clamp(20px,5vw,64px);color:#245553;background:radial-gradient(ellipse at 15% 15%,#e7eedc 0,transparent 48%),radial-gradient(ellipse at 90% 95%,#f7e8cd 0,transparent 40%)}
.school-login-card{width:min(100%,540px);box-sizing:border-box;background:#fffef9;border:1px solid #dce4d2;border-radius:28px;padding:clamp(24px,5vw,42px);box-shadow:0 16px 60px #385b3810}
.school-login-art{display:flex;align-items:center;gap:18px;margin-bottom:24px;color:#68845a;font-size:17px}.school-login-art img{width:76px;height:76px}
.school-login-eyebrow{font-size:16px;letter-spacing:.04em;color:#64775e}.school-login h1{font-size:clamp(27px,5vw,34px);line-height:1.35;margin:12px 0}.school-login p{line-height:1.65}.school-login form{display:grid;gap:18px;margin-top:26px}.school-login label{display:grid;gap:8px;font-size:19px;font-weight:600}
.school-login input{width:100%;box-sizing:border-box;min-width:0;min-height:54px;padding:12px 16px;border:1px solid #bfcfb5;background:#fff;border-radius:13px;color:#234a49;font:inherit;font-size:20px}.school-login input:focus{outline:3px solid #9fc18c;outline-offset:2px}.school-password{position:relative;display:flex}.school-password input{padding-right:74px}.school-password button{position:absolute;right:8px;top:5px;bottom:5px;min-width:54px;border:0;background:transparent;font:inherit;font-size:16px;color:#426f58;cursor:pointer}
.school-login-submit{width:100%;min-height:58px;font-size:22px!important;justify-content:center}.school-login #school-login-error{min-height:1.4em;color:#9e4437;font-size:17px;margin:0}.school-login #school-login-error:empty{display:none}.school-login #school-login-error[data-kind=pending]{color:#54725f}.school-login input[aria-invalid=true]{border-color:#a84d40}.school-login input[readonly]{background:#f5f7f1}.school-login-submit:disabled{opacity:.8}.school-login .school-login-help{margin:24px 0 0;font-size:15px;color:#73836c}.school-login-recovery{display:grid;gap:20px}.school-login-recovery button{width:100%;font-size:21px;min-height:56px}.school-session-expired{position:fixed;inset:0;z-index:10000;background:#253b36a8;display:grid;place-items:center;padding:20px}.school-session-expired section{background:#fffef9;max-width:460px;border-radius:24px;padding:32px;color:#245553}.school-session-expired h2{font-size:28px}.school-session-expired p{font-size:19px;line-height:1.7;margin:16px 0 22px}.school-session-expired button{width:100%;min-height:54px;font-size:21px}.school-account-summary{font-size:18px;color:#54725f;margin:14px 0}.school-account-logout{margin-top:18px;width:100%;justify-content:center}
@media(max-width:480px){.school-login{padding:16px;align-items:center}.school-login-card{padding:22px 20px;border-radius:22px}.school-login-art{margin-bottom:12px;gap:14px}.school-login-art img{width:52px;height:52px}.school-login h1{font-size:28px}.school-login form{margin-top:20px;gap:14px}.school-login .school-login-help{font-size:15px;margin-top:20px}.school-login input{font-size:20px}}
.school-login .school-login-guide-row{margin:0;text-align:left}.school-login-guide{border:0;background:none;padding:4px 0;min-height:36px;font:inherit;font-size:16px;font-weight:600;color:#245553;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.school-login-guide:focus-visible{outline:3px solid #9fc18c;outline-offset:2px;border-radius:6px}
.school-guide-dialog{box-sizing:border-box;width:min(94vw,960px);max-height:94svh;padding:0;border:0;border-radius:18px;background:#10201f;color:#fff;overflow:hidden}.school-guide-dialog::backdrop{background:#0b1514cc}.school-guide-dialog[open]:not(:modal){position:fixed;inset:0;margin:auto;z-index:1000;box-shadow:0 0 0 100vmax #0b1514cc}
.school-guide-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 18px}.school-guide-bar h2{margin:0;font-size:18px;font-weight:600}.school-guide-close{min-height:44px;padding:0 18px;border:1px solid #ffffff55;border-radius:22px;background:none;color:#fff;font:inherit;font-size:17px;cursor:pointer}
.school-guide-dialog video{display:block;width:100%;aspect-ratio:16/9;max-height:calc(94svh - 64px);background:#000}