/* ==========================================================================
   Content-section block — repeatable H2 + [image] + text (+ H3 structure)
   Base rules live in css/global.css (.content-section, .content-section__image).
   This file only adds block-specific refinements.
   ========================================================================== */

.content-section__intro + .content-section__image,
.content-section__image + .content-section__intro {
  margin-top: 0;
}

.content-section--muted {
  background: var(--color-bg-dark);
  border-radius: var(--radius-card);
  padding: var(--space-card-padding);
}

.content-section__grid {
  display: grid;
  gap: var(--space-card-gap);
}

@media (min-width: 1024px) {
  .content-section__grid--specs {
    grid-template-columns: 1.1fr 0.9fr;
    align-items: start;
  }
}