/* /account/forgot and /account/reset (templates/account_recovery.html), /account/password (account_password.html). Shared look: wax-site.css. */
.recovery-main { width: min(560px, calc(100% - 48px)); margin: 0 auto; padding: 60px 0 96px; }
.recovery-card { padding: 34px; }
.recovery-main h1 { margin: 0 0 12px; font-size: 30px; line-height: 1.2; }
.recovery-main h1:focus { outline: none; }
.recovery-lead { margin: 0 0 24px; color: var(--wx-text-2); font-size: 15px; line-height: 1.65; }
.recovery-form { display: grid; gap: 16px; }
.recovery-captcha { min-height: 144px; }
.recovery-hint { margin: -4px 0 0; color: var(--wx-muted); font-size: 12.5px; line-height: 1.6; }
.recovery-message { margin: 0; padding: 10px 12px; border-radius: var(--wx-radius-sm); font-size: 14px; line-height: 1.55; }
.recovery-message.is-error { border: 1px solid rgba(242, 162, 166, 0.45); background: var(--wx-bad-bg); color: #ffd3d5; }
.recovery-form .wx-btn { width: 100%; }
.recovery-note { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--wx-line-2); }
.recovery-note h2 { margin: 0 0 8px; font: 700 15px/1.4 var(--wx-font); }
.recovery-note p { margin: 0 0 14px; color: var(--wx-muted); font-size: 13.5px; line-height: 1.7; }
.recovery-discord { font-size: 14px; font-weight: 650; }
.recovery-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.recovery-account { margin: -4px 0 14px; color: var(--wx-muted); font-size: 14px; }
.recovery-account strong, .recovery-email { color: var(--wx-text); font-weight: 650; overflow-wrap: anywhere; }
@media (max-width: 560px) {
  .recovery-main { width: calc(100% - 28px); padding: 28px 0 56px; }
  .recovery-card { padding: 24px 18px; }
  .recovery-main h1 { font-size: 25px; }
}