/* Recovery fits ordinary phones; the existing main shell scrolls on short screens. */
.password-reset-layout { flex: 0 0 auto; }
.password-reset-layout .password-reset-guidance { margin: 0 0 12px; font-size: var(--text-sm); line-height: 1.6; }
.password-reset-layout .password-reset-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.password-reset-layout .password-reset-links .back-link { display: flex; justify-content: center; align-items: center; min-height: 44px; margin: 0; padding: 4px; text-align: center; line-height: 1.6; }
.password-reset-layout .password-reset-links .back-link:only-child { grid-column: 1 / -1; }
.password-reset-layout .password-reset-links .back-link:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 8px; }
@media (max-width: 600px) {
  .auth-page .main-shell.password-reset-main { padding-block: 12px; scroll-padding-block: 12px; }
  .password-reset-layout .auth-form { padding: 16px; }
  .password-reset-layout .email-auth-symbol { width: 40px; height: 40px; margin-bottom: 8px; border-radius: 12px; }
  .password-reset-layout .auth-form h1 { margin-bottom: 4px; }
  .password-reset-layout .auth-form > .muted { margin-bottom: 10px; line-height: 1.6; }
  .password-reset-layout .form-grid { gap: 12px; }
  .password-reset-layout .form-field label { margin-bottom: 4px; }
  .password-reset-layout .field-help { margin-top: 4px; line-height: 1.6; }
  .password-reset-layout .email-resend-form { margin-top: 4px; }
}
@media (max-width: 359px) {
  .password-reset-layout .password-reset-links { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}