.recovery-layout { min-height: 100dvh; display: grid; place-items: center; padding: 32px 20px; }
.recovery-card { width: min(100%, 460px); }
.recovery-card .wordmark { margin-bottom: 32px; text-decoration: none; color: var(--color-brand); }
.recovery-card h1 { font-size: var(--text-xl); }
.recovery-card > p { color: var(--color-text-secondary); line-height: 1.5; }
.recovery-card form { display: grid; gap: 20px; margin-block: 24px; }
.recovery-card label { display: grid; gap: 8px; font-size: var(--text-md); }
.recovery-card .ds-button { width: 100%; }
.recovery-link { display: inline-block; margin-top: 16px; color: var(--color-primary); font-size: var(--text-md); }
.recovery-card [role="status"] { line-height: 1.5; }