/* Elementor adapter.
   Each static <section> is an Elementor container (.phb-s) holding one Text Editor widget.
   These rules make Elementor's wrappers invisible to layout so site.css sees the markup it
   was written for. On the front end the widget wrappers become display: contents; inside
   the editor preview they stay boxes, because Elementor needs them for its handles. */

.e-con.phb-s {
	--display: block;
	--padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0;
	--margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0;
	--gap: 0; --row-gap: 0; --column-gap: 0;
	--width: 100%;
	max-width: none;
	/* No min-height here: this selector outranks site.css, and .hero needs its own. */
}

body:not(.elementor-editor-active) .phb-s > .elementor-widget,
body:not(.elementor-editor-active) .phb-s > .elementor-widget > .elementor-widget-container {
	display: contents;
}

/* The page wrapper Elementor prints around the content. */
.elementor.elementor-page { display: contents; }