/**
 * Below-the-fold Oxygen sections park their markup in <template>
 * so media is not requested until hydration.
 */

.ct-section.lhd-lazy-section:not(.lhd-section-visible):not(.lhd-above-fold) {
	content-visibility: auto;
	contain-intrinsic-size: auto var(--lhd-lazy-intrinsic-size, 320px);
	min-height: var(--lhd-lazy-intrinsic-size, 320px);
}

.ct-section.lhd-lazy-section:not(.lhd-section-visible):not(.lhd-above-fold) > template.lhd-lazy-template {
	display: none !important;
}

/* Keep JS-critical sections fully layouted so Slick/Accordion can measure. */
.ct-section.lhd-lazy-media {
	content-visibility: visible;
}

.ct-section.lhd-section-visible,
.ct-section.lhd-above-fold,
.ct-section.lhd-media-loaded {
	content-visibility: visible;
	min-height: 0;
}