.recovery-shell { width: min(780px, calc(100% - 48px)); }
.recovery-card { padding: clamp(25px, 5vw, 46px); }
.recovery-card h1 { margin: 10px 0 12px; font: 600 clamp(29px, 5vw, 42px)/1.2 "Prompt", sans-serif; letter-spacing: -.04em; }
.recovery-card > p { max-width: 590px; margin: 0; color: #9c9c9c; font-size: 13px; line-height: 1.9; }
.recovery-steps { display: grid; gap: 8px; margin: 26px 0; padding: 0; list-style: none; }
.recovery-steps li { display: flex; align-items: flex-start; gap: 13px; padding: 13px 14px; border: 1px solid #303030; border-radius: 8px; background: #151515; }
.recovery-steps b { color: #e8e8e8; font: 600 12px/1.6 "Prompt", sans-serif; letter-spacing: .1em; }
.recovery-steps span { display: grid; gap: 3px; }
.recovery-steps strong { color: #ededed; font-size: 12px; font-weight: 500; }
.recovery-steps small { color: #969696; font-size: 10px; line-height: 1.7; }
.recovery-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.recovery-actions .commerce-primary { display: inline-flex; width: auto; min-width: 190px; padding: 0 18px; align-items: center; justify-content: center; text-decoration: none; }
.recovery-note { margin-top: 20px !important; padding-top: 14px; border-top: 1px solid #2c2c2c; color: #888888 !important; font-size: 10px !important; line-height: 1.75 !important; }
html[data-theme="light"] .recovery-card > p { color: #6d6d6d; }
html[data-theme="light"] .recovery-steps li { border-color: #e2e2e2; background: #f7f7f7; }
html[data-theme="light"] .recovery-steps b { color: #222222; }
html[data-theme="light"] .recovery-steps strong { color: #222222; }
html[data-theme="light"] .recovery-steps small { color: #6d6d6d; }
html[data-theme="light"] .recovery-note { border-top-color: #e2e2e2; color: #6d6d6d !important; }
@media (max-width: 520px) {
  .recovery-shell { width: calc(100% - 24px); }
  .recovery-actions .commerce-primary, .recovery-actions .button { width: 100%; }
}