/*
 * Friendly Captcha layout in the static snapshots (DEV-824).
 *
 * On gba-group.us the arithmetic captcha shared a wrapping flex row with the
 * submit button, so the widget that replaced it sat beside "Send". Its cell
 * takes the whole row, and the button wraps below it — as on GUC, where the
 * row is a plain block. Outside a flex row both declarations do nothing.
 */
div:has(> [data-snap-frc]) {
  flex-basis: 100%;
  margin-right: 0 !important;
}

/*
 * The arithmetic captcha sat beside the button, so the crawl froze the button
 * right-aligned (`textAlign: mathCaptchaActive ? "right" : ""` in form.js).
 * With the captcha gone, live renders it left-aligned below the widget since
 * DEV-735 (DEV-941). The frozen rule carries two classes, hence !important.
 */
.form-submit-button {
  text-align: start !important;
  flex-grow: 0 !important;
}

/* The widget's margin on the Gatsby sites (.frc-captcha). */
.snap-frc {
  margin: 8px 0 41px;
}