/*
 * Alleen voor de artikelen in de kennisbank (18 okt 2026).
 */

/* De hero en de tekst eronder zijn allebei creme. Hun paddings samen (108 + 104 px)
   lazen als een leeg gat tussen het eerste kader en de eerste alinea.
   Alleen als de sectie eronder ook creme is (class precies "section"). */
.hero:has(+ section[class="section"]) { padding-bottom: 48px; }
.hero + section[class="section"] { padding-top: 0; }

/* Meeadem-cirkel, werkt samen met assets/pacer.js */
.zucht-pacer{margin:36px 0 44px;padding:36px 28px 32px;background:#1a2e4a;border-radius:6px;text-align:center;color:#f7f4f0}
.zucht-pacer .eyebrow{display:block;margin-bottom:10px;color:#b5a898}
.zucht-pacer h3{margin:0 0 26px;font-size:1.35rem;color:#f7f4f0}
.zp-wrap{position:relative;width:190px;height:190px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center}
.zp-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(181,168,152,.32)}
.zp-cirkel{width:118px;height:118px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:rgba(181,168,152,.13);border:1px solid rgba(181,168,152,.55);
  transform:scale(1);transition:transform .6s ease-in-out,background .8s ease,border-color .8s ease}
.zp-cirkel.in{background:rgba(181,168,152,.22);border-color:rgba(181,168,152,.9)}
.zp-cirkel.vast{background:rgba(181,168,152,.16);border-color:rgba(181,168,152,.7)}
.zp-cirkel.uit{background:rgba(181,168,152,.07);border-color:rgba(181,168,152,.4)}
.zp-getal{font-family:"Playfair Display",Georgia,serif;font-size:2.1rem;line-height:1;color:#f7f4f0;font-variant-numeric:tabular-nums}
.zp-fase{font-family:"Playfair Display",Georgia,serif;font-size:1.3rem;min-height:1.5em;color:#f7f4f0}
.zp-sub{font-size:.95rem;color:#a9b7c6;margin:6px 0 22px;min-height:1.4em}
.zp-knop{font-family:"Josefin Sans",sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  background:#b5a898;color:#1a2e4a;border:0;border-radius:999px;padding:14px 30px;cursor:pointer;font-weight:600}
.zp-knop:hover{background:#c6bbad}
.zp-knop:focus-visible{outline:2px solid #f7f4f0;outline-offset:3px}
.zp-tel{font-family:"Josefin Sans",sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:#8496a8;margin:16px 0 0;min-height:1.3em}
.zucht-pacer .zp-meer{font-size:.92rem;color:#a9b7c6;margin:22px auto 0;max-width:420px}
.section .container-narrow .zucht-pacer .zp-meer a{color:#f7f4f0;text-decoration-color:#b5a898}
@media (prefers-reduced-motion: reduce){ .zp-cirkel{transition:background .8s ease,border-color .8s ease} }
/* 29 okt 2026: de golf uit het logo is de pacer, net als in de oefenruimte. Het punt staat stil,
   de golf schuift eronder door. De oude cirkel blijft in de HTML maar is verborgen. */
.zp-wrap.zp-golfwrap{display:block;width:auto;height:150px;margin:0 -28px 22px;overflow:hidden}
.zp-golfwrap .zp-ring,.zp-golfwrap .zp-cirkel{display:none}
.zp-golf{position:absolute;left:0;top:0;width:100%;height:100%;display:block}
.zp-golf path{fill:#b5a898}
.zp-golf circle{fill:#f7f4f0;stroke:#1a2e4a;stroke-width:3;transition:opacity .5s ease}
.zp-golfwrap .zp-getal{position:absolute;top:2px;transform:translateX(-50%);color:#f7f4f0}