/* ============================================================
   visie.css — twee kleine hulpklassen voor /onze-visie.
   Verder gebruikt de pagina uitsluitend bestaande componenten en tokens.
   ============================================================ */

/* Korte, rustige regel onder een tekstblok (bv. "Continuïteit · Context · Verbinding").
   Bewust klein en grijs: het ondersteunt het verhaal, het is niet het verhaal. */
.visie-note { margin-top: 22px; font-size: 14.5px; font-weight: 600; letter-spacing: .01em; color: var(--color-muted); }

/* Editorial contrast binnen bodycopy: "Minder: … / Meer: …".
   Geen kaarten, geen vinkjes — alleen een dunne lijn en wat extra lucht. */
.visie-contrast { margin-top: 26px; padding-left: 20px; border-left: 2px solid var(--color-border-strong); }
.visie-contrast p + p { margin-top: 10px; }
.visie-contrast strong { color: var(--color-heading); }

/* Alleen op /onze-visie-v3: de zij-avatars in de platformvisual iets groter,
   zodat Professional — Mens — Context in één oogopslag te lezen is.
   De homepage en /platform gebruiken deze klasse niet en blijven ongewijzigd. */
.page-lonkend-perspectief .pc-hub__p--side,
.page-visie-v3 .pc-hub__p--side { width: 84px; height: 84px; }
@media (min-width: 1080px) {
  .page-lonkend-perspectief .pc-hub__people,
  .page-visie-v3 .pc-hub__people { gap: 20px; }
}