/* disclaimer: CSS van /disclaimer/ (docs/prototype/disclaimer.html, inline <style>). Ook voor de
   andere juridische pagina's die de vormgeving legal.text gebruiken. */
.credit{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--color-rule)}
.credit:last-child{border-bottom:1px solid var(--color-rule)}
.credit img{width:120px;aspect-ratio:3/2;object-fit:cover;border-radius:10px;border:1px solid var(--color-rule)}
.credit-link{text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:3px}
.credit-link:hover{text-decoration-color:var(--color-accent);color:var(--color-ink)}
@media (max-width:480px){
.credit{grid-template-columns:84px minmax(0,1fr);gap:14px}
.credit img{width:84px}
}
/* links in de rich text: zoals .credit-link */
.credit-text a,.legal-p a{text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:3px}
.credit-text a:hover,.legal-p a:hover{text-decoration-color:var(--color-accent);color:var(--color-ink)}
.legal-p p + p{margin-top:.75em}
.legal-p h3{margin-top:1.6em;font-size:clamp(20px,2vw,24px);color:var(--color-ink)}
.legal-p ul{list-style:disc;padding-left:1.25em;margin-top:.75em}
.legal-p ol{list-style:decimal;padding-left:1.25em;margin-top:.75em}
.legal-p li + li{margin-top:.35em}
.legal-p b,.legal-p strong{color:var(--color-ink)}