/* What the email card says after a sign-up (features.emailAfterSignup, assets/email-after.js).
   Linked from the card itself, so only pages that have a card, and only with the flag on. */
/* email.js hides the form once a sign-up is accepted, but email.css gives the form display:flex,
   which beats the hidden attribute: the field and a greyed-out button stayed on screen. Here they
   go, and "Start again" brings them back. */
.email-card .email-form[hidden]{display:none}
.email-status .email-after-line,.email-status .email-after-junk,.email-status .email-after-more{display:block}
.email-status .email-after-line{font-size:15px;line-height:1.45}
.email-status .email-after-addr{overflow-wrap:anywhere}
.email-status .email-after-open{display:inline-block;margin:12px 0 2px;font-family:var(--font-display);font-weight:800;
  font-size:15px;border-radius:999px;padding:11px 18px;background:var(--carrot);color:#fff;text-decoration:none}
.email-status .email-after-junk{margin-top:10px;color:var(--ink-soft)}
.email-status .email-after-more{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}
.email-status .email-after-sheet{color:inherit;font-weight:700}
.email-status .email-after-redo{font:inherit;color:var(--ink-soft);background:none;border:0;padding:0;cursor:pointer;
  text-decoration:underline}