/*
 * lpen-legacy-heading-fix.css
 *
 * TEMPORARY. Remove once the legacy pages are migrated, or the moment the kit's
 * Primary global typography is given a line-height in Elementor -> Site Settings
 * -> Global Fonts -> Primary. Either makes this file a no-op.
 *
 * THE DEFECT
 * Elementor's generated per-post CSS writes, for every heading widget whose own
 * line-height control is left unset:
 *
 *     .elementor-widget-heading .elementor-heading-title {
 *         line-height: var( --e-global-typography-primary-line-height );
 *     }
 *
 * The kit (post-8.css, .elementor-kit-8) defines the Primary group's
 * font-family, font-size and font-weight but NOT its line-height, so that
 * variable resolves to nothing. An unresolved var makes the declaration invalid
 * at computed-value time, which for an inherited property means `inherit`.
 * Body carries `line-height: 1.63em` from the same kit, and an em value on an
 * inherited property computes to a LENGTH - 26.08px - which then inherits down
 * unchanged. So a 44px H1 renders on 26px of leading and the lines overlap.
 *
 * Measured on /global-talent-mobility-26/ 2026-08-24: 12 headings on that one
 * page, H1 44px on 26.08px, every H2 36px on 26.08px.
 *
 * THE FIX
 * Supply the value Elementor is asking for, as a custom property. Nothing else
 * on the site declares this variable, so there is no specificity or load-order
 * fight, and every heading that DOES set its own line-height - which is all of
 * the rebuilt pages - keeps exactly what it has.
 *
 * 1.2 matches the kit's own heading scale (h1 is 1.17em / 1.22em / 1.27em
 * across breakpoints, h2 the same shape).
 */

:root,
.elementor-kit-8 {
	--e-global-typography-primary-line-height: 1.2;
}