/* Content Sections — voorwoord, hoofdinhoud, nawoord */

.content-section {
  margin-bottom: var(--space-8);
}

/* Voorwoord — intro card (bible verse, audio, video) */
.content-section--voorwoord {
  padding: var(--space-6) var(--space-8);
  border: 1px solid var(--hairline);
  background: var(--bg);
  border-radius: var(--radius-md);
  font-style: italic;
  color: var(--color-heading);
  box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

.content-section--voorwoord p {
  margin-bottom: var(--space-4);
}

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

.content-section--voorwoord audio {
  width: 100%;
  margin-top: var(--space-4);
}

.content-section--voorwoord iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
  border-radius: var(--radius-sm);
  margin-top: var(--space-4);
}

/* Hoofdinhoud — main article body (inherits content-body styling) */
.content-section--hoofdinhoud {
  /* Uses default content-body styles, no extra needed */
}

/* Nawoord — outro card (reflection, closing thought) */
.content-section--nawoord {
  margin-top: var(--space-12);
  padding: var(--space-6) var(--space-8);
  border: 1px solid var(--hairline);
  background: var(--bg);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 20px rgba(0,0,0,0.02);
}

.content-section--nawoord p {
  font-size: var(--text-sm);
  color: var(--color-meta);
  line-height: 1.5;
}

.content-section--nawoord p:first-child::before {
  content: none;
}

@media (max-width: 767px) {
  .content-section--voorwoord,
  .content-section--nawoord {
    padding: var(--space-4);
  }
}