/* ─────────────────────────────────────────────────────────────────────
   Brokers landing — UI v4 compatibility layer (2026-09-05)
   Loaded AFTER v4.css. The brokers page adopts the v4 look (copper accents,
   bolder display type, no italics) via body.v4, but it is a LANDING page — it
   has a lead-capture form, framed case-study bands and a sticky CTA, and no
   editorial rail. v4's full-width container would strand its centred reading
   column in dead margins, so we keep brokers' own centred layout and only let
   the v4 type/colour come through.
   Scope: body.v4.brokers-page … (2 classes on <body>) beats v4.css's
   body.v4-client .client-main .container (0,3,1).
   ───────────────────────────────────────────────────────────────────── */

/* Keep the centred landing layout — don't go edge-to-edge (no rail to fill it). */
body.v4.brokers-page .client-main .container { max-width: 1200px; margin-inline: auto; }
body.v4.brokers-page .client-main { padding-inline: clamp(20px, 4vw, 48px); }

/* A touch more breathing room than the old 720/960 now that type is larger. */
body.v4.brokers-page { --measure: 768px; --feature: 1040px; }

/* Bignum strip + hero keep their own caps; make sure v4 gutter doesn't fight them. */
body.v4.brokers-page .pm-bignum-strip .container { max-width: 1120px; }

/* The framed case-study bands and the lead form stay centred at feature width. */
body.v4.brokers-page .client-section--case,
body.v4.brokers-page .bp-shot { max-width: var(--feature); margin-inline: auto; }