/* V148: defer paint/layout work for sections below the initial viewport. */
@supports (content-visibility: auto) {
    .ia-home-flow-section,
    .district-semantic-stack > .ia-semantic-section,
    .ia-card-data__section,
    .district-charts-section,
    .district-related-section,
    .district-link-hub-section,
    .district-gallery-section,
    .district-map-section,
    .ia-trust-section,
    .district-compare-cta-section,
    .district-update-section {
        content-visibility: auto;
        contain-intrinsic-size: auto 680px;
    }

    .ia-home-flow-section--home-links,
    .ia-home-flow-section--featured-overview {
        contain-intrinsic-size: auto 520px;
    }
}

/* Keep lazy chart canvases stable before their engine is requested. */
.district-charts-section[data-ia-chart-state="idle"] .district-chart-canvas {
    min-height: 280px;
}

.district-charts-section[data-ia-chart-state="loading"] {
    cursor: progress;
}

@media (max-width: 767px) {
    @supports (content-visibility: auto) {
        .ia-home-flow-section,
        .district-semantic-stack > .ia-semantic-section,
        .ia-card-data__section,
        .district-charts-section,
        .district-related-section {
            contain-intrinsic-size: auto 520px;
        }
    }

    .district-charts-section[data-ia-chart-state="idle"] .district-chart-canvas {
        min-height: 230px;
    }
}