/*
 * Elementor integration, not component styling: selectors here target Elementor's widget wrapper, so they
 * start with .elementor-widget instead of [data-de26] (assets/css/ is reserved for [data-de26] rules).
 *
 * The Hero, Feature Row, Gradient Feature, Footer CTA, and Subject Cards roots are size containers
 * (container-type: inline-size), which gives them an intrinsic width of 0. Below 768px Elementor's
 * container is a wrapping column, so the widget wrapper sizes to that zero-width content: it is laid
 * out at 0px wide, wraps the text one word per line, and ends up hundreds of pixels taller than the
 * component, leaving a blank void under it. A full-width wrapper has a real width to size against.
 *
 * Elementor's own Width control stays in charge. Its Custom option writes a (0,3,0) width rule onto the
 * wrapper, which beats this (0,1,0) rule, so an editor Width always wins. The rule is plain `width: 100%`
 * and deliberately does not read --container-widget-width: in an explicit-row container with Align Items
 * set, Elementor resolves that variable to 0%, which collapsed the widget to nothing.
 * Widgets that are not size containers (Button, Card, ...) have an intrinsic width and need no rule.
 */
.elementor-widget-de26-hero,
.elementor-widget-de26-feature-row,
.elementor-widget-de26-gradient-feature,
.elementor-widget-de26-footer-cta,
.elementor-widget-de26-subject-cards {
	width: 100%;
}