/* Net binnen: kleuren van de sportkaarten, opmaak blijft binnen het openingsvak. */
.home-grid.homepage-example-grid>.homepage-editorial-grid>.latest-news,
.home-grid .latest-news{background:#17375e!important;border:1px solid #17375e!important;border-top:4px solid #e20b07!important;color:#fff!important}
.home-grid .latest-news h2,.home-grid .latest-news>a:not(.all-news),.home-grid .latest-news>a strong,.home-grid .latest-news span strong{color:#fff!important}
.home-grid .latest-news>a:not(.all-news){border-color:#49617e!important}
.home-grid .latest-news>a time{color:#ff352f!important}
.home-grid .latest-news .all-news{background:#061d3b!important;color:#fff!important;border-color:#ff352f!important}
.home-grid .latest-news>a:hover strong,.home-grid .latest-news>a:focus-visible strong{color:#d7e5f5!important}
/* Alleen de 112-nieuwskaarten; overige nieuws- en reclameblokken behouden hun indeling. */
#meer-nieuws.e4-112-news>.cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;width:100%;max-width:100%}
#meer-nieuws.e4-112-news>.cards>article{min-width:0;box-sizing:border-box;background:#f0f2f5!important;border:1px solid #d0d8e2!important;overflow:hidden}
#meer-nieuws.e4-112-news>.cards>article>a{display:flex;flex-direction:column;height:100%;min-width:0;background:#f0f2f5!important}
#meer-nieuws.e4-112-news>.cards>article img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
#meer-nieuws.e4-112-news>.cards>article :is(em,h3,small){margin-left:16px!important;margin-right:16px!important}
#meer-nieuws.e4-112-news>.cards>article h3{font-size:clamp(17px,1.5vw,23px);line-height:1.2;overflow-wrap:break-word}
#meer-nieuws.e4-112-news>.cards>article small{margin-top:auto!important;padding-top:16px;padding-bottom:18px}
@media(max-width:1100px){#meer-nieuws.e4-112-news>.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){#meer-nieuws.e4-112-news>.cards{grid-template-columns:minmax(0,1fr)!important}}
/* Voorrang op de bestaande kopkleuren in het openingsgrid. */
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:not(.all-news)>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:not(.all-news)>span,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:not(.all-news)>span>strong{color:#fff!important}
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:hover,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:focus-visible,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:hover>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:focus-visible>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:hover>span,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:focus-visible>span,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:hover>span>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:focus-visible>span>strong{color:#ff352f!important}
/* Rustige feedback op nieuwskaarten; uitsluitend op apparaten met een muis. */
@media(hover:hover) and (pointer:fine){
  .cards>article,.e4-region-feature,.region-feature,.visual-card,.middle-story,.mosaic-lead,.sport-lead,.score-card,.analysis-card{transition:box-shadow .22s ease,filter .22s ease}
  .cards>article,.e4-region-feature,.region-feature,.visual-card,.middle-story,.mosaic-lead,.sport-lead{overflow:hidden}
  .cards>article img,.e4-region-feature img,.region-feature img,.visual-card img,.middle-story img,.mosaic-lead img,.sport-lead img{transition:transform .3s ease,filter .3s ease;transform-origin:center}
  .cards>article:hover,.cards>article:focus-within,.e4-region-feature:hover,.e4-region-feature:focus-within,.region-feature:hover,.visual-card:hover,.middle-story:hover,.mosaic-lead:hover,.sport-lead:hover,.score-card:hover,.analysis-card:hover{box-shadow:0 7px 20px rgba(6,29,59,.16)}
  .cards>article:hover img,.cards>article:focus-within img,.e4-region-feature:hover img,.e4-region-feature:focus-within img,.region-feature:hover img,.visual-card:hover img,.middle-story:hover img,.mosaic-lead:hover img,.sport-lead:hover img{transform:scale(1.025);filter:brightness(1.06)}
  .home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a{transition:background-color .2s ease,color .2s ease}
  .home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:not(.all-news):hover{background:rgba(255,255,255,.045)}
}
@media(prefers-reduced-motion:reduce){
  .cards>article,.e4-region-feature,.region-feature,.visual-card,.middle-story,.mosaic-lead,.sport-lead,.score-card,.analysis-card,.cards>article img,.e4-region-feature img,.region-feature img,.visual-card img,.middle-story img,.mosaic-lead img,.sport-lead img{transition:none!important}
  .cards>article:hover img,.cards>article:focus-within img,.e4-region-feature:hover img,.e4-region-feature:focus-within img,.region-feature:hover img,.visual-card:hover img,.middle-story:hover img,.mosaic-lead:hover img,.sport-lead:hover img{transform:none!important}
}
/* Onderstreep de titel van een artikel bij hover of toetsenbordfocus. */
.cards>article:hover h3,.cards>article:focus-within h3,
.e4-region-feature:hover :is(h2,h3),.e4-region-feature:focus-within :is(h2,h3),
.region-feature:hover :is(h2,h3),.region-feature:focus-within :is(h2,h3),
.region-list a:hover strong,.region-list a:focus-visible strong,
.e4-region-list a:hover strong,.e4-region-list a:focus-visible strong,
.visual-card:hover :is(h2,h3),.visual-card:focus-within :is(h2,h3),
.middle-story:hover h2,.middle-story:focus-within h2,
.mosaic-lead:hover h1,.mosaic-lead:focus-within h1,
.sport-lead:hover h3,.sport-lead:focus-within h3,
.score-card:hover :is(h2,h3),.score-card:focus-within :is(h2,h3),
.analysis-card:hover :is(h2,h3),.analysis-card:focus-within :is(h2,h3),
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:hover>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:focus-visible>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:hover>span>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a:focus-visible>span>strong,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a.all-news:hover,
.home-grid.homepage-example-grid>.homepage-editorial-grid>aside.latest-news>a.all-news:focus-visible{
  text-decoration-line:underline!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:4px!important;
  text-decoration-color:currentColor!important;
  text-decoration-skip-ink:auto;
}
/* De overige nieuwsblokken gebruiken eigen kaartnamen. */
:is(.selected-news-grid,.region-band,.inbeeld-band) a[href^="/nieuws/"]:is(:hover,:focus-visible) :is(h2,h3,strong){
  text-decoration-line:underline!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:4px!important;
  text-decoration-color:currentColor!important;
  text-decoration-skip-ink:auto;
}
@media(hover:hover) and (pointer:fine){
  :is(.selected-news-card,.selected-news-hero,.e4-region-card,.inbeeld-news-card,.inbeeld-feature){overflow:hidden;transition:box-shadow .22s ease}
  :is(.selected-news-card,.selected-news-hero,.e4-region-card,.inbeeld-news-card,.inbeeld-feature) img{transition:transform .3s ease,filter .3s ease;transform-origin:center}
  :is(.selected-news-card,.selected-news-hero,.e4-region-card,.inbeeld-news-card,.inbeeld-feature):is(:hover,:focus-visible){box-shadow:0 7px 20px rgba(6,29,59,.16)}
  :is(.selected-news-card,.selected-news-hero,.e4-region-card,.inbeeld-news-card,.inbeeld-feature):is(:hover,:focus-visible) img{transform:scale(1.025);filter:brightness(1.06)}
}
@media(prefers-reduced-motion:reduce){
  :is(.selected-news-card,.selected-news-hero,.e4-region-card,.inbeeld-news-card,.inbeeld-feature),
  :is(.selected-news-card,.selected-news-hero,.e4-region-card,.inbeeld-news-card,.inbeeld-feature) img{transition:none!important}
  :is(.selected-news-card,.selected-news-hero,.e4-region-card,.inbeeld-news-card,.inbeeld-feature):is(:hover,:focus-visible) img{transform:none!important}
}
/* Sportkaart NEC heeft een strong-titel, geen h2/h3. */
.sport-band .sport-grid>a.score-card:is(:hover,:focus-visible)>strong,
.sport-band .sport-grid>a.analysis-card:is(:hover,:focus-visible)>h3,
.sport-band .sport-grid>a:is(.score-card,.analysis-card):is(:hover,:focus-visible)>span{
 text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px!important;text-decoration-color:currentColor!important
}
@media(hover:hover) and (pointer:fine){
 .sport-band .sport-grid>a:is(.score-card,.analysis-card){transition:background-color .2s ease,box-shadow .2s ease}
 .sport-band .sport-grid>a:is(.score-card,.analysis-card):is(:hover,:focus-visible){background:#20466e!important;box-shadow:0 8px 22px rgba(0,0,0,.22)}
}
/* Nieuwsbrief blijft binnen het kader; ruimte voor de spamcontrole. */
section.newsletter-band#nieuwsbrief{box-sizing:border-box!important;width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) minmax(280px,480px)!important;gap:32px!important;padding:38px max(24px,calc((100% - 1520px)/2))!important}
section.newsletter-band#nieuwsbrief>div{min-width:0}
section.newsletter-band#nieuwsbrief h2{font-size:clamp(25px,2.5vw,36px);line-height:1.15}
section.newsletter-band#nieuwsbrief form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important;width:100%!important;max-width:480px!important;margin:0!important;box-sizing:border-box}
section.newsletter-band#nieuwsbrief form>div{width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box}
section.newsletter-band#nieuwsbrief form label:not(.sr-only){display:block!important;color:#fff!important;font:700 14px/1.4 Arial,sans-serif!important;margin:0!important}
section.newsletter-band#nieuwsbrief form input:is([name=email],[name=newsletter_answer]){display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;min-height:46px!important;padding:12px 14px!important;background:#fff!important;color:#061d3b!important;border:1px solid #d7e0e9!important;border-radius:4px!important;font:16px/1.4 Arial,sans-serif!important}
section.newsletter-band#nieuwsbrief form input[name=email]::placeholder{color:#66758c!important}
section.newsletter-band#nieuwsbrief form input[name=newsletter_answer]{margin:6px 0 0!important}
section.newsletter-band#nieuwsbrief form button{display:block!important;width:100%!important;min-height:46px!important;padding:12px 18px!important;border-radius:4px!important;background:#061d3b!important;color:#fff!important;font:700 16px/1.4 Arial,sans-serif!important;cursor:pointer}
section.newsletter-band#nieuwsbrief form button:hover{background:#17375e!important}
section.newsletter-band#nieuwsbrief form button:disabled{opacity:.65;cursor:wait}
section.newsletter-band#nieuwsbrief>.newsletter-notice{grid-column:1/-1}
@media(max-width:850px){section.newsletter-band#nieuwsbrief{grid-template-columns:minmax(0,1fr)!important;padding:28px 20px!important;gap:22px!important}section.newsletter-band#nieuwsbrief form{max-width:100%!important}}
@media(prefers-reduced-motion:reduce){.sport-band .sport-grid>a:is(.score-card,.analysis-card){transition:none!important}}