/* RPO-OVERDRACHT — T13 (2026-07-20): "Wat je uit handen geeft. En wat van jou
   blijft." Navy sectie die in het rpo2-fragment meerijdt (geen hernummering
   van rpo3-rpo8), vóór het keuzemoment Starter/Scale. Draagt de verbatim uit
   de FAQ verhuisde rpo6-q5-copy (FAQ-MATRIX D1) plus de kernzin over wat de
   klant houdt, als ws2/rpo2-"keer"-recept: oranje kicker + sterk wit.
   Padding-regime = .section (var(--space-section) beide kanten, het vaste
   donkere sectieritme); de seam naar de cream rpo3 is hard (DESIGN-RULES:
   kleurwissel zonder verloop). Verantwoordelijkheidsmatrix (vraag 14) is een
   TODO_CONTENT-slot in de markup en rendert nog niet. */

.rpo-overdracht-kop .eyebrow { margin-bottom: 20px; }

.rpo-overdracht-kop h2 {
  font-size: clamp(2.3rem, 3.6vw, 3.4rem);
  max-width: 15em;
  text-wrap: balance;
}

.rpo-overdracht-body { margin-top: clamp(2rem, 4vh, 3rem); }

.rpo-overdracht-alinea {
  max-width: 62ch;
  font-size: 1.0625rem;
  line-height: 1.7;
  color: var(--text-body-inv);
}

/* Kern: het ws2/rpo2-keer-recept — oranje kicker-line boven sterk wit */
.rpo-overdracht-kern { margin-top: clamp(2rem, 4vh, 3rem); }

.rpo-overdracht-kern .kicker-line { margin-bottom: 18px; }

.rpo-overdracht-kern p {
  max-width: 62ch;
  font-size: 1.0625rem;
  line-height: 1.7;
  font-weight: 600;
  color: var(--text-strong-inv);
}

/* ---------- Responsive ---------- */

@media (max-width: 560px) {
  .rpo-overdracht-body,
  .rpo-overdracht-kern { margin-top: clamp(1.5rem, 6vw, 2rem); }
}