body.account-page {display:block; min-height:100dvh; padding:56px 20px 32px; background:linear-gradient(#dcecf2 0, #f5f5f3 540px);}
.account-page main {max-width:440px; width:100%; margin:0 auto;}
.account-page .brand {margin:0 0 8px;line-height:1;}
.account-page .brand img {display:block;width:112px;height:40px;object-fit:contain;object-position:left center;}
.account-page .account-tagline {margin:0 0 28px;}
.account-page main > .card {margin:0;}
.account-page .btn--text {padding-left:0;padding-right:0;}
.account-page .switch {text-align:left;margin:20px 0 0;}
.account-page h1 {margin-top:0;}
/* The divider sits evenly between Sign in and Google (Lorraine, round 2). */
.account-page #google {margin-top:0;}
.account-page .join-head {margin-bottom:12px;}
.account-page #requested #change-email {display:block;margin-top:16px;}
.account-page #back {margin-left:24px;}
.guardian-consent-note {background:#f2eee5;padding:16px;border-radius:12px;font-size:14px;line-height:1.5;margin:16px 0 24px;}
@media(max-width:360px) {body.account-page {padding:32px 16px;}.account-page .card {padding:20px;}}
.account-page h1 {max-width:none;font-size:26px;line-height:1.18;letter-spacing:-.6px;}
.account-page .password-toggle {border:0;background:transparent;font-weight:600;}

.account-page main > .registration-paths {margin-top:16px;padding:8px 20px;}
.registration-path {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font-size:14px;}
/* Hidden rows still count as siblings, so draw the divider only after a visible row. */
.registration-path:not([hidden]) ~ .registration-path {border-top:1px solid var(--hairline);}
.registration-path .btn--text {text-align:right;line-height:1.4;flex-shrink:0;}
.invite-context {padding:12px;background:var(--pale);border-radius:var(--radius-sm);overflow-wrap:anywhere;margin:0 0 20px;}
.staff-code-help {padding:12px;background:var(--sand);border-radius:var(--radius-sm);margin:0 0 20px;}
.account-page #join-password-hint {margin:8px 0 0;}
.account-page #join-google {gap:10px;}
.account-page #join-google svg {flex-shrink:0;}
@media(max-width:360px) {.account-page .registration-paths {padding:8px 12px;}.registration-path {gap:8px;font-size:13px;}.registration-path .btn--text {font-size:13px;}}

.account-page #join-title {overflow-wrap:anywhere;}