/**
 * Redesign | Form section block.
 *
 * The embedded Typeform uses the modern data-tf-live snippet with Typeform's
 * immersive (one-question-per-screen) layout. That layout never reports a
 * content height to the host page — the inline widget simply *fills* whatever
 * height its container has — so there is no true "fit to content" / auto-resize.
 * We must give the embed an explicit height tall enough to contain the tallest
 * question, so the page — not the iframe — is the only scroll context (no
 * double scrollbar).
 *
 * Because the layout is immersive, the height it needs depends on how WIDE the
 * question card is, not the viewport height: a narrow card wraps long questions
 * onto more lines and so needs MORE height. (A viewport-height unit like svh would
 * scale the wrong way — shrinking the embed on short phones that need it tallest.)
 * Typeform caps its card width and centres it, so the worst case is the narrowest
 * layout. We therefore key the height off the lg breakpoint (1024px — where this
 * block's optional image, when present, sits beside the form):
 *
 *   - < lg (mobile/tablet): full-width and stacked, narrowest card -> 1000px
 *   - >= lg (desktop): wider card whether full-width or beside the
 *                      block's optional image, so it wraps less     ->  860px
 *
 * These are the measured worst-case heights at each width. Raise the relevant one
 * if a later question turns out taller at that width.
 */
.redesign-form__embed,
.redesign-form__embed .tf-v1-widget,
.redesign-form__embed iframe {
    width: 100% !important;
    height: 1000px !important;
}

@media (min-width: 1024px) {

    .redesign-form__embed,
    .redesign-form__embed .tf-v1-widget,
    .redesign-form__embed iframe {
        height: 860px !important;
    }
}