/*
 * Newsletter form: first and last name.
 *
 * Kept separate from the compiled Webflow stylesheet, which is regenerated from
 * the export and would lose any edit made to it.
 *
 * The original form is a single flex row where the email input and the submit
 * button are drawn as one joined pill — the input has rounded left corners and
 * no right border, and the button caps it. That only works with exactly one
 * input, so the form now stacks and the pill keeps its own row.
 *
 * Values are taken from the existing rules rather than invented: .c-form_field
 * uses .4em radii and .1em borders, and .c-form_fields is
 * justify-content:flex-start; align-items:stretch; display:flex.
 */

.c-form_fields.is--stacked {
  flex-direction: column;
  align-items: stretch;
  gap: 0.6em;
}

/* A standalone input needs the border and radius that the pill's input
   deliberately omits on its right edge. */
.c-form_field.is--full {
  border-width: 0.1em;
  border-radius: 0.4em;
}

/* The email + submit pill, preserved exactly as .c-form_fields drew it. */
.c-form_row {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}