.draft-recovery{max-width:760px;margin-inline:auto}
.draft-recovery .lede{max-width:58ch}
.draft-note{color:var(--mute);font:inherit;line-height:1.6;margin-block:20px 28px;max-width:62ch}
.draft-actions{flex-wrap:wrap;justify-content:flex-start;gap:16px}
.draft-actions button{min-height:48px;white-space:normal}
.draft-actions .cta{font-size:clamp(22px,3vw,30px);max-width:100%}
.draft-actions .back{padding:12px 4px}
.draft-state{max-width:1100px;margin:24px auto 0;padding:16px 20px;border:1px solid var(--line);color:var(--gray);display:flex;align-items:center;gap:20px;justify-content:space-between}
.draft-state[hidden]{display:none}
.draft-state p{margin:0;line-height:1.6;max-width:68ch;font-size:14px}
.draft-state button{min-height:44px;flex-shrink:0;color:var(--white);text-decoration:underline;text-underline-offset:4px}
.draft-state button:focus-visible,.draft-recovery button:focus-visible{outline:3px solid var(--focus,var(--orange));outline-offset:4px}
.draft-pending-note{margin-block:20px;line-height:1.6;color:var(--gray)}
@media(max-width:640px){.draft-state{margin-inline:20px;align-items:flex-start;flex-direction:column;gap:4px;padding:14px 16px}.draft-actions{flex-direction:column;align-items:stretch}.draft-actions .cta{justify-content:center}.draft-actions .back{align-self:flex-start}}