/* ==========================================================================
   Content section block (H2 + optional image + text, repeated per page)
   ========================================================================== */

.content-section__media {
  margin-bottom: var(--space-h2-text);
  border-radius: var(--radius-card);
  overflow: hidden;
  background: var(--color-bg-dark);
}

.content-section__media img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.content-section__intro p:last-child {
  margin-bottom: 0;
}

.content-section__body h3 {
  margin-top: var(--space-paragraph);
}

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