/* Artsvenster 112 — uitsluitend de echte .lead hoofdmodule in In het venster.
   De button wordt in de bron-JS uitgezet; dit is aanvullende layout/contrast. */
body main .lead, main .lead {
 min-height:0 !important; height:auto !important;
 align-items:start !important;
}
body main .lead .lead-copy, main .lead .lead-copy {
 min-height:0 !important; height:auto !important;
 padding-bottom:0 !important; justify-content:start !important;
}
/* CSS fail-safe: ook vóór het laden en bij hertekenen geen dubbele CTA. */
body main .lead #readArticle, main .lead #readArticle,
body #readArticle {display:none !important;}
/* Werkelijke foto-element heet lead-photo, niet hero-photo/hero-grid. */
body main .lead .lead-photo, main .lead .lead-photo,
body main .lead .lead-photo img, main .lead .lead-photo img{
 border-radius:18px !important;
}
body main .lead .lead-photo, main .lead .lead-photo{
 overflow:hidden;
 align-self:start !important;
}
body main .lead .lead-photo img, main .lead .lead-photo img{
 display:block;
 max-width:100%;
}
/* De titel is nu een echte link in app-home-80.js. Maak hem rustiger en
   breek lange koppen waar nodig, met keyboard-focus. */
body main .lead .lead-copy h2, main .lead .lead-copy h2,
body main .lead h2, main .lead h2{
 font-size:clamp(1.9rem,2.55vw,2.6rem) !important;
 line-height:1.12 !important;
 letter-spacing:-.025em !important;
 margin-top:0 !important;
 margin-bottom:16px !important;
 overflow-wrap:break-word;
}
body main .lead h2 a, main .lead h2 a{
 color:inherit !important;
 text-decoration:none !important;
 cursor:pointer;
}
body main .lead h2 a:hover, main .lead h2 a:hover{
 color:#5f3583 !important;
 text-decoration:underline !important;
 text-underline-offset:5px;
}
body main .lead h2 a:focus-visible, main .lead h2 a:focus-visible{
 outline:3px solid #168087 !important;
 outline-offset:4px;
 border-radius:3px;
}
/* Verminder onnodige onderruimte zonder andere modules te beïnvloeden. */
body main .lead .lead-copy p, main .lead .lead-copy p{
 margin-bottom:12px !important;
}
body main .lead .lead-copy .meta, main .lead .lead-copy .meta{
 margin-bottom:0 !important;
}
body main section:has(> .lead), main section:has(> .lead){
 min-height:0 !important;
 padding-bottom:18px !important;
}
@media(max-width:720px){
 body main .lead h2,main .lead h2{font-size:clamp(1.7rem,5vw,2rem) !important;}
 body main .lead .lead-photo,main .lead .lead-photo,
 body main .lead .lead-photo img,main .lead .lead-photo img{border-radius:14px !important;}
}