/* Aanvulling op AOW stylesheet; uitsluitend voor het nieuwe blogblok. */
[data-aow-blogblok] { display:block; margin:2.5rem 0 1rem; }
[data-aow-blogblok] .aow-blog-sectie__header { margin-bottom:1.25rem; }
[data-aow-blogblok] .aow-blog-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin:0; }
[data-aow-blogblok] .aow-card { min-width:0; padding:0; overflow:hidden; }
[data-aow-blogblok] .aow-card > a { display:block; }
[data-aow-blogblok] .aow-card img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; }
[data-aow-blogblok] .aow-card > div { padding:1rem; }
[data-aow-blogblok] .aow-blog-card__meta { margin:0 0 .5rem; padding:0; }
[data-aow-blogblok] h3 { margin:0 0 .6rem; font-size:1.1rem; line-height:1.4; overflow-wrap:anywhere; }
[data-aow-blogblok] h3 a { color:var(--text,#222); text-decoration:none; }
[data-aow-blogblok] h3 a:hover { color:var(--brand,#b21010); text-decoration:underline; }
[data-aow-blogblok] h3 a:focus-visible { outline:2px solid var(--brand,#b21010); outline-offset:3px; }
[data-aow-blogblok] .aow-card > div > p:last-child { margin-bottom:0; font-size:.9rem; line-height:1.6; }
@media(max-width:768px) {
  [data-aow-blogblok] .aow-blog-grid { grid-template-columns:1fr; }
  [data-aow-blogblok] .aow-card { display:flex; align-items:flex-start; }
  [data-aow-blogblok] .aow-card > a { flex:0 0 96px; margin:1rem 0 1rem 1rem; }
  [data-aow-blogblok] .aow-card img { aspect-ratio:1; }
  [data-aow-blogblok] .aow-card > div { flex:1; min-width:0; }
  [data-aow-blogblok] .aow-card > div > p:not(.aow-blog-card__meta) { display:none; }
}