/* Zenitpat blog, aanvulling op /assets/site.css.
   Enkel opmaak voor wat markdown in Grav oplevert (lijsten, tussenkoppen,
   citaten) plus de artikelfoto. Nooit basisregels overschrijven. */

.article-cover{max-width:900px;margin:0 auto var(--stack-md);}
.article-cover img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;}

/* Foto's in de lopende tekst. Hiervoor bestond geen enkele regel, waardoor een
   foto in het artikel op ware grootte binnenkwam en op een telefoon buiten het
   scherm liep. De kopfoto blijft 16:9 bijgesneden, een foto in de tekst houdt
   bewust zijn eigen verhouding: een staande foto van een paard hoort niet
   platgesneden te worden. */
.article-body img{max-width:100%;height:auto;display:block;margin:var(--stack-md) auto;}
.article-body figure{margin:var(--stack-md) 0;}
.article-body figure img{margin:0;}
.article-body figcaption{margin-top:10px;font-size:13px;line-height:1.6;color:var(--slate);text-align:center;}

.article-body h2{font-size:clamp(22px,2.4vw,29px);margin-top:14px;letter-spacing:-.01em;}
.article-body h3{font-size:clamp(19px,2vw,23px);margin-top:8px;}
.article-body strong{color:var(--navy);font-weight:600;}
.article-body em{color:var(--slate);}
.article-body a{color:var(--olive-dark);text-underline-offset:3px;}
.article-body a:hover{color:var(--brown);}

.article-body ul,.article-body ol{margin:0;padding-left:0;list-style:none;display:grid;gap:12px;}
.article-body ol{counter-reset:zp;}
.article-body li{position:relative;padding-left:32px;line-height:1.8;}
.article-body ul>li::before{content:"";position:absolute;left:3px;top:.62em;width:11px;height:11px;background:var(--olive);
  clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);}
.article-body ol>li{counter-increment:zp;}
.article-body ol>li::before{content:counter(zp,decimal-leading-zero);position:absolute;left:0;top:.15em;
  font-family:var(--head);font-weight:600;font-size:13px;letter-spacing:.08em;color:var(--gold);}

.article-body blockquote{margin:0;padding:4px 0 4px 26px;border-left:2px solid var(--gold);
  font-family:var(--head);font-weight:500;font-size:clamp(18px,2vw,22px);line-height:1.65;color:var(--navy);}
.article-body blockquote p{margin:0;}
.article-body hr{border:0;height:1px;background:var(--hairline);margin:8px 0;}

/* Verder lezen, hergebruikt .more-list uit de basis */
.verder-lezen{margin-top:var(--stack-lg);}
.verder-kop{font-size:clamp(19px,2vw,23px);margin-bottom:6px;padding-bottom:14px;}
.more-list a.mlrow{display:flex;justify-content:space-between;align-items:baseline;gap:20px;
  padding:20px 0;border-bottom:1px solid var(--hairline-w);text-decoration:none;}
.more-list a.mlrow h4{font-family:var(--head);font-weight:600;color:var(--navy);font-size:17px;
  line-height:1.4;margin:0;transition:color .3s var(--ease);}
.more-list a.mlrow .d{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--slate);white-space:nowrap;}
@media (max-width:560px){
  .more-list a.mlrow{flex-direction:column;gap:6px;}
  .more-list a.mlrow .d{white-space:normal;}
}