/* ---------- beeld: blogcovers en infographics ---------- */
.post-cover{display:block;width:calc(100% + 68px);max-width:none;margin:-34px -34px 26px;aspect-ratio:1200/630;object-fit:cover;border-radius:22px 22px 0 0;background:var(--navy)}
.post-card{overflow:hidden}
.post-hero-cover{margin:0;background:linear-gradient(var(--navy) 50%,#fff 50%)}
.post-hero-cover img{display:block;width:100%;border-radius:24px;box-shadow:0 40px 80px -40px rgba(10,22,48,.6);border:1px solid var(--line-dark)}
.page-hero:has(+ .post-hero-cover){padding-bottom:56px}

.infographic{margin:2.4em 0;padding:0}
.infographic img,.infographic svg{display:block;width:100%;height:auto;border-radius:20px;border:1px solid var(--line);background:#fff}
.infographic figcaption{font-size:.86rem;color:var(--muted);margin-top:12px;padding-left:14px;border-left:2px solid var(--blue)}
@media (max-width:700px){.post-hero-cover img{border-radius:16px}}
@media print{.post-hero-cover{display:none}}

/* knoppen binnen artikeltekst: linkkleur van .prose niet laten winnen */
.prose .btn{text-decoration:none}
.prose .btn-primary,.prose .btn-ghost{color:#fff}
.prose .btn-light,.prose .btn-outline{color:var(--navy)}