/* ============================================================
   BEAVER BUILDER → THEME LAYER — Hillis Brothers
   The modules emit full-bleed <section>s with the design classes (styled by
   css/global.css). Here we only neutralize BB's default node chrome so those
   sections go edge-to-edge, and map the few native BB elements to the palette.
   Scoped to .fl-builder-content; NO !important; loaded late.
   ============================================================ */

/* Full-bleed: kill BB's 20px row-wrap padding + module-content margin that box
   full-width sections (ref §9 gotcha). Higher specificity than BB's unprefixed
   defaults, so it wins with no !important; per-node Builder padding still overrides. */
.fl-builder-content .fl-row-content-wrap { padding: 0; }
.fl-builder-content .fl-module-content   { margin: 0; }
.fl-builder-content .fl-row-content      { max-width: none; width: 100%; }
.fl-builder-content .fl-col-content      { padding: 0; }

/* Our module sections manage their own vertical rhythm via .section. */
.fl-builder-content .fl-module { margin: 0; }

/* Native BB elements (rare on this page) inherit the design tokens. */
.fl-builder-content {
  --ff-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --blue-900: #0E2A4A; --blue-700: #155A9C; --blue-600: #1E73BE;
  --red: #DA2A22; --red-600: #C0231C; --ink: #16263D; --ink-soft: #46586E;
}
.fl-builder-content .fl-heading .fl-heading-text {
  font-family: var(--ff-sans); color: var(--blue-900); font-weight: 800; letter-spacing: -.02em;
}
.fl-builder-content .fl-button-wrap a.fl-button {
  background: var(--red); border-radius: 999px; padding: 16px 26px;
  font-family: var(--ff-sans); font-weight: 700;
}
.fl-builder-content .fl-button-wrap a.fl-button:hover { background: var(--red-600); }
