/*
 * CLS Fix Reserve — Hero growth prevention (2026-08-31, increment 2)
 *
 * Symptom (measured on all 3 envs, desktop 1440px): these templates' hero
 * (.et_pb_section_0, the "Hero Section" preset / gradient heroes with an h1)
 * paints ~98px tall with content-only styling, then grows to 297-300px when
 * Divi's deferred CSS with the min-height/height rules applies (~1s under
 * load) — a 0.6+ CLS push-everything-down shift.
 *   marital-property desktop: 0.199 -> 0.612 measured (Aug 5 -> Aug 31).
 *
 * Reserve the settled height from first paint. Scoped per CPT body class
 * (same pattern as the existing rules above). Values = settled heights
 * sampled across 12+ pages per family:
 *   - single-il_hub / single-wi_hub heroes: 297-300px  -> reserve 297px
 *     (floor: taller heroes unaffected; no-section_0 pages unaffected)
 *   - single-il_property_division / single-wi_property_division: 300px
 *
 * Desktop-only (@media min-width: 981px): mobile heroes are fluid and mobile
 * CLS on these templates measured 0.005 — do not touch mobile.
 * Attorneys (wi_attorneys) deliberately EXCLUDED: hero is content-sized
 * (1758-2118px, varies per attorney) — cannot floor without risk.
 *
 * IMPORTANT: these rules duplicate values Divi's own CSS applies later —
 * if Divi fixes its deferral ordering, these become no-ops.
 */

@media (min-width: 981px) {

  /* IL/WI state-hub template heroes (settled 297-300px, sampled 8 pages) */
  body.single-il_hub .et_pb_section_0.et_pb_section,
  body.single-wi_hub .et_pb_section_0.et_pb_section {
    min-height: 297px;
  }

  /* Property-division template heroes (settled 300px, sampled 6 pages) */
  body.single-il_property_division .et_pb_section_0.et_pb_section,
  body.single-wi_property_division .et_pb_section_0.et_pb_section {
    min-height: 300px;
  }
}