/**
 * Blok: content-section
 * Ponovljiv vzorec: H2 → (slika) → besedilo → H3 struktura.
 * Slika je vedno TAKOJ za H2 (enako na mobilnem in desktopu), nikoli obrezana.
 */
.content-section {
  scroll-margin-top: 96px;
}

.content-section + .content-section {
  margin-top: var(--space-section);
}

.content-section__image {
  width: 100%;
  height: auto;
  display: block;
  margin-top: var(--space-h2-text);
  border-radius: var(--radius-card);
}

.content-section__body {
  margin-top: var(--space-h2-text);
}

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

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

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

/*
 * Kontekstualne notranje povezave znotraj besedila (glej opis bloka).
 * Namenoma vizualno ločene od navadnega besedila z barvo poudarka,
 * da jih uporabnik takoj prepozna kot povezave, ne le kot krepki tekst.
 */
.content-section__body a.inline-link {
  color: var(--color-accent-light);
  text-decoration: underline;
  text-decoration-color: rgba(255, 194, 31, 0.45);
  text-underline-offset: 2px;
  font-weight: var(--font-weight-semibold);
}

.content-section__body a.inline-link:hover,
.content-section__body a.inline-link:focus-visible {
  color: var(--color-heading-gold);
  text-decoration-color: currentColor;
}