/* The October free-stuff offer and article signup cards built for older readers (owner, 2026-10-12): 68% of ad spend
   reaches people 65 and older. Every card's email field and button are 18px and at least 56px tall, the card copy is
   18px, and a line under the button says what happens next. Loaded after each article's own <style> blocks.
   Text and CSS only: lifestyleLanding.tsx still finds every form by its id, .signup-row, input[type=email],
   button[type=submit], .form-status and data-article-slug. */

/* One field, one big button, stacked; the wide P2 and R1 cards put them side by side from 701px. */
.research-cta .research-offer form.research-offer__form .signup-row {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.research-cta .research-offer form.research-offer__form input[type=email] {
  flex: none;
  width: 100%;
  min-height: 58px;
  padding: 14px 16px;
  border: 2px solid #6b7175;
  background: #fff;
  color: var(--offer-blue);
  font-size: 18px;
  line-height: 1.3;
}
.research-cta .research-offer form.research-offer__form input[type=email]::placeholder { color: #5c6266; opacity: 1; }
.research-cta .research-offer form.research-offer__form button[type=submit] {
  flex: none;
  width: 100%;
  min-height: 58px;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  text-wrap: balance;
}
.research-cta .research-offer form.research-offer__form :is(input, button):focus-visible { outline: 3px solid var(--offer-blue); outline-offset: 3px; }
@media (min-width: 701px) {
  .research-cta .cl-card form.research-offer__form .signup-row { flex-direction: row; }
  .research-cta .cl-card form.research-offer__form input[type=email] { flex: 1 1 auto; width: auto; min-width: 0; }
  .research-cta .cl-card form.research-offer__form button[type=submit] { width: auto; padding-inline: 26px; white-space: nowrap; }
}

/* "Next, we email you a 6-digit code. Type it in and your free invite link is ready." */
.research-cta .research-offer form.research-offer__form p.signup-helper {
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.45;
  color: #2f3c42;
  text-wrap: pretty;
}
/* The form's result line and its follow-up links (the adapter's injected rules set 13 to 14px). */
.research-cta .research-offer form.research-offer__form p.form-status,
.research-cta .research-offer form.research-offer__form p.form-status[data-live-outcome] { font-size: 16px; line-height: 1.5; }
.research-cta .research-offer form.research-offer__form > .lifestyle-live-actions { gap: 6px 22px; font-size: 16px; }
.research-cta .research-offer form.research-offer__form > .lifestyle-live-actions :is(a, button) { display: inline-flex; align-items: center; min-height: 44px; }

/* Card copy at 18px: the P2 card (top and About Aelo), R1's join line and the middle reminder. */
.research-cta .cl-prelaunch .cl-copy > p,
.research-cta .cl-research .cl-r-join-l,
.research-cta article > .research-offer--reminder .research-offer__copy > p { font-size: 18px; line-height: 1.6; }