/* content-section.css */
.content-section { display: block; }

/* Mobile-first: image sits under H2, before text (natural markup order). */
.content-section__figure { margin-block: var(--sp-paragraph); }

/* Desktop ≥1440px: image reads after H2 heading (still before intro is acceptable);
   per spec, on large desktop the image comes after the H2 heading. The default
   markup already satisfies both; here we only add spacing refinements. */
@media (min-width: 1440px) {
    .content-section--with-image .content-section__figure {
        float: none;
    }
}

.content-section__body > h3:first-child { margin-block-start: 0; }