/* =========================================================
   Content-section block: H2 + text + image pattern.
   Reused directly inside every page's <section class="section">.
   Image is always placed right after the H2 in the DOM so it
   naturally appears above the text on every breakpoint.
   ========================================================= */
.content-section__media img {
  aspect-ratio: auto;
}

.content-section__body > *:first-child { margin-top: 0; }