/**
 * content-section.css — блок "H2 + картинка (опц.) + текст".
 * Картинка (если есть) уже выведена в разметке сразу после H2 (см. content-section.php);
 * тут только отступы/типографика тела блока. Стили самой картинки (.content-section__media)
 * определены в css/global.css, т.к. переиспользуются вне этого блока тоже.
 */
.content-section {
  margin-block-end: var(--space-section);
}

.content-section__body {
  color: var(--color-text);
}

.content-section__body p {
  margin-block-end: var(--space-paragraph);
}

.content-section__body h3 {
  margin-block-start: 1.5rem;
  margin-block-end: 0.5rem;
}

.content-section__body ul,
.content-section__body ol {
  display: grid;
  gap: 0.5rem;
  margin-block-end: var(--space-paragraph);
  padding-inline-start: 1.25rem;
}

.content-section__body li {
  color: var(--color-text);
}

.content-section--with-media .content-section__body {
  margin-block-start: 0;
}

@media (min-width: 1024px) {
  .content-section--with-media {
    display: grid;
    grid-template-columns: 1fr;
  }
}