/* PPD Cluster - blok onder de pillar en broodkruimel boven het artikel
   Zelfstandige stijl, hangt niet af van home2026.css of opleiding.css. */

.ppdcl{background:#16223F;color:#fff;padding:0;margin:0}
.ppdcl-row{max-width:1180px;margin:0 auto;padding:54px 20px 58px}
.ppdcl-eyebrow{font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#FFB300;font-weight:600}
.ppdcl-kop{font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;font-size:clamp(24px,3.4vw,32px);font-weight:600;color:#fff;margin:10px 0 0;line-height:1.2;letter-spacing:-.01em}
.ppdcl-sub{font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;margin:8px 0 26px;color:#B9C2DA;font-size:16px;font-weight:300}
.ppdcl-kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.ppdcl-kaart{display:flex;flex-direction:column;background:#fff;text-decoration:none;color:inherit;min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.ppdcl-kaart:hover,.ppdcl-kaart:focus-visible{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.ppdcl-kaart:focus-visible{outline:3px solid #FFB300;outline-offset:2px}
.ppdcl-beeld{display:flex;align-items:flex-end;padding:10px;aspect-ratio:16/10;background:linear-gradient(135deg,#2A3B6E,#16223F);background-size:cover;background-position:center}
.ppdcl-chip{background:#FFB300;color:#16223F;font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;padding:3px 8px;line-height:1.4}
.ppdcl-tekst{display:block;padding:14px 15px 17px}
.ppdcl-t{display:block;font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;font-size:15px;line-height:1.35;font-weight:500;color:#171E33}
.ppdcl-d{display:block;font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;font-size:12px;color:#78819B;margin-top:8px}
.ppdcl-meer{display:inline-block;margin-top:24px;color:#FFB300;font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;font-size:15px;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,179,0,.45)}
.ppdcl-meer:hover{border-bottom-color:#FFB300}

.ppdcl-kruim{font-family:Rubik,"Rubik Fallback",system-ui,sans-serif;font-size:14px;line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 18px;color:rgba(255,255,255,.72)}
.ppdcl-kruim a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.ppdcl-kruim a:hover{border-bottom-color:#FFB300;color:#FFB300}
.ppdcl-sep{color:rgba(255,255,255,.45)}
.ppdcl-nu{color:rgba(255,255,255,.72)}

@media (max-width:600px){
  .ppdcl-row{padding:38px 18px 42px}
  .ppdcl-kaarten{gap:14px}
  .ppdcl-kruim{font-size:13px;gap:6px;margin-bottom:14px}
}