/**
 * content-section.css — BEM: content-section, content-section__*
 * Opakovateľný blok: H2 (+ voliteľná H2 kotva pre TOC) → obrázok → úvod → H3 štruktúra
 */
.content-section {
  padding-block: var(--space-section);
  border-top: 1px solid rgba(245, 241, 234, 0.06);
}

.content-section:first-of-type {
  border-top: none;
}

.content-section h2 {
  margin-bottom: var(--space-h2-text);
  scroll-margin-top: 5.5rem;
}

.content-section__image {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 1;
  object-fit: cover;
  border-radius: var(--radius-card);
  margin-bottom: var(--space-h2-text);
}

.content-section__intro {
  margin-bottom: var(--space-paragraph);
}

.content-section__body h3 {
  margin-top: 1.75rem;
  margin-bottom: var(--space-h3-text);
  scroll-margin-top: 5.5rem;
}

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

.content-section__list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-bottom: var(--space-paragraph);
  padding-left: 1.25rem;
}

.content-section__list li {
  list-style: disc;
}

.content-section__list--ordered li {
  list-style: decimal;
}

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

.content-section__two-col {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-card-gap);
  margin-top: var(--space-h2-text);
}

@media (min-width: 768px) {
  .content-section__two-col {
    grid-template-columns: 1fr 1fr;
  }
}