.login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;max-width:1100px;margin:48px auto}.login-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.2;letter-spacing:-1.5px}.login-intro p{font-size:18px;line-height:1.7;color:#526a70}.login-points{display:grid;gap:18px;margin-top:32px;color:#17675c}.login-card{padding:36px}.login-card h2{font-size:28px;margin-top:0}.login-card>button{width:100%;margin-top:16px}.login-show{display:flex;align-items:center;gap:8px}.login-show input{width:auto}.login-screen{background:radial-gradient(ellipse at top left,#def4ed,transparent 60%),#f7f9fa}header nav{flex-wrap:wrap}#account-rows select{min-width:180px}@media(max-width:760px){.login-layout{grid-template-columns:1fr;gap:20px;margin:20px auto}.login-points{display:none}.login-intro h1{font-size:32px}.login-card{padding:24px}.login-intro p{font-size:16px}.login-intro .eyebrow{font-size:11px}}

#account-management{margin-bottom:1.5rem}
.account-row-actions{display:flex;flex-wrap:wrap;gap:.4rem;min-width:190px}
#account-rows td{vertical-align:top}
#account-rows .learning-check{min-width:155px}


/* Mandatory password setup is a standalone screen, before workspace access. */
@media screen {
 body.password-gate > header,
 body.password-gate > footer,
 body.password-gate > .skip-link,
 body.password-gate #workspace-nav,
 body.password-gate #message { display:none !important; }
 body.password-gate #app > :not(.required-password-screen) { display:none !important; }
 body.password-gate main { display:flex; align-items:center; justify-content:center; min-height:100vh; min-height:100svh; width:100%; max-width:none; margin:0; padding:24px 16px; }
 body.password-gate #app { width:100%; max-width:420px; }
 body.password-gate .required-password-screen { margin:0; padding:28px; }
 body.password-gate .required-password-screen h1 { margin:0 0 24px; font-size:26px; line-height:1.3; }
 body.password-gate #required-password button { width:100%; min-height:46px; margin-top:12px; }
 body.password-gate #required-password input { min-height:46px; }
 body.password-gate #required-password-error { color:#b42318; }
}