/* Signed-out form lives in the same public shell as the account profile. */
.account-page:has([data-account-profile][hidden]) .site-canvas>main {
  display: flex; align-items: center;
}
.account-page:has([data-account-profile][hidden]) .account-panel { padding-block: 24px; }
.account-page:has([data-account-profile][hidden]) .account-heading {
  position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
.account-auth-form { width: 460px; margin-inline: auto; }
.account-auth-form .auth-form-wrap { min-height: 0; padding: 28px 40px; }
.account-auth-form #auth-title { font-size: 26px; line-height: 1.4; text-align: center; letter-spacing: -.04em; }
.account-auth-form .auth-intro { min-height: 0; line-height: 20px; margin: 8px 0 20px; }
.account-auth-form .auth-tabs { margin-bottom: 16px; }
.account-auth-form .auth-form label:not(.check-label) { margin: 12px 0 6px; line-height: 18px; }
.account-auth-form .auth-form .button:not(.code-send) { min-height: 44px; margin-top: 18px; padding-block: 10px; }
.account-auth-form .auth-meta { font-size: 11px; line-height: 18px; margin-top: 12px; }
.account-auth-form .auth-status { min-height: 40px; font-size: 11px; line-height: 20px; margin-top: 8px; }
.account-auth-form .auth-note { margin-top: 16px; padding-top: 14px; font-size: 11px; line-height: 20px; }
.account-auth-form.auth-code-stage .auth-form-wrap { padding: 32px 40px 28px; }
.account-auth-form.auth-code-stage .auth-status { min-height: 44px; font-size: 12px; }
.account-auth-form.auth-code-stage .auth-note { padding-top: 16px; }
@media(min-width:761px) and (max-height:760px){
 .account-page:has([data-account-profile][hidden]) .account-panel { padding-block: 16px; }
 .account-auth-form:not(.auth-code-stage) .auth-form-wrap { padding: 22px 36px; }
 .account-auth-form .auth-intro { margin-bottom: 12px; }
 .account-auth-form .auth-tabs { margin-bottom: 12px; }
 .account-auth-form .auth-form label:not(.check-label) { margin-top: 10px; }
 .account-auth-form:not(.auth-code-stage) .auth-status { min-height: 32px; margin-top: 6px; }
 .account-auth-form:not(.auth-code-stage) .auth-note { margin-top: 12px; padding-top: 12px; }
}
@media(min-width:761px) and (max-height:650px){
 .account-auth-form:not(.auth-code-stage) .auth-form-wrap { padding: 20px 36px; }
 .account-auth-form:not(.auth-code-stage) #auth-title { font-size: 24px; line-height: 1.3; margin-bottom: 14px; }
 .account-auth-form .auth-intro { display: none; }
 .account-auth-form .auth-tabs { margin-bottom: 10px; }
 .account-auth-form .auth-tabs a { padding-block: 6px; }
 .account-auth-form .auth-form input:not([type=checkbox]) { min-height: 40px; padding-block: 8px; }
 .account-auth-form .auth-form label:not(.check-label) { margin-top: 8px; }
 .account-auth-form .auth-form .button:not(.code-send) { min-height: 40px; margin-top: 14px; padding-block: 8px; }
 .account-auth-form .auth-meta { margin-top: 10px; line-height: 16px; font-size: 10px; }
 .account-auth-form[data-auth-mode=signup] .auth-form-wrap { padding-block: 14px; }
 .account-auth-form[data-auth-mode=signup] .auth-status { min-height: 24px; }
 .account-auth-form[data-auth-mode=signup] #auth-title { margin-bottom: 10px; }
 .account-auth-form[data-auth-mode=signup] .auth-tabs { margin-bottom: 6px; }
 .account-auth-form[data-auth-mode=signup] .auth-form label { margin-top: 4px; }
 .account-auth-form[data-auth-mode=signup] .auth-note { margin-top: 10px; }
}

[data-signup-details] .auth-agreement{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:11px;line-height:20px;margin:10px 0 0;}
[data-signup-details] .auth-agreement input{width:auto;min-height:0;}



/* Registration now owns confirm-password/consent; its hidden login row needs no reserved space. */
.account-page .account-auth-form[data-auth-mode=signup] .inline-login-options[hidden]{display:none!important;}
@media(min-width:761px) and (max-height:760px){
 .account-page .account-auth-form[data-auth-mode=signup]{--account-form-gap:12px;}
 .account-page .account-auth-form[data-auth-mode=signup]:not(.auth-code-stage) .auth-status{min-height:24px;}
}

/* Registration acceptance layout: share the login options row and field rhythm. */
.account-page [data-auth-credentials]>[data-signup-details]{margin-top:var(--account-form-gap);}
.account-page .account-auth-form [data-signup-consent][hidden]{display:none!important;}
.account-page .inline-signup-options .auth-agreement{display:flex;flex-wrap:wrap;align-items:center;gap:4px;}
.account-page .account-auth-form .auth-agreement a{color:#2563eb;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:2px;}
.account-page .account-auth-form .auth-agreement a:hover{color:#1d4ed8;}

.account-page .account-auth-form{--account-options-gap:20px;}
.account-page .account-auth-form .inline-login-options{margin-top:var(--account-options-gap);}
@media(max-height:700px){.account-page .account-auth-form{--account-options-gap:16px;}}