/* Content section block — repeatable H2 + text (+ optional image).
   Base styles live in global.css (.content-section).

   Image rule (all breakpoints): the image sits after the H2 and spans the
   full width of the section, above the text. No side-by-side layout. */

.content-section--media .content-section__body { display: block; }

.content-section--media .content-section__img {
  width: 100%;
  height: auto;
  max-height: 460px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius);
  margin-bottom: var(--space-paragraph);
}