/* ==========================================================================
   content-section block — repeatable H2 + text (+ optional image) pattern
   Order at every breakpoint: H2 -> image (if any) -> intro text -> H3 structure
   BEM: content-section__element--modifier
   ========================================================================== */
.content-section__media {
  border-radius: var(--radius-card);
  overflow: hidden;
  margin-top: var(--space-heading-gap);
  /* Match the width of the surrounding text column/tables instead of
     capping at an arbitrary 900px. */
  width: 100%;
}
.content-section__media img {
  width: 100%;
  height: auto;
  display: block;
}

.content-section__cta { margin-top: 1.5rem; }