/* "Bekijk ook"-blok onder blogposts (gegenereerd door scripts/render-related.mjs).
   Gebaseerd op de originele Phoenix-regels; de selectors zijn hier bewust
   specifieker (.related-articles ...) zodat ze de oude inline-regels in de
   13 oorspronkelijke fragmenten overrulen en de kaarten óók op mobiel
   zichtbaar zijn (horizontaal scrollbaar, snap per kaart). */
.related-articles{margin:40px 0 8px;padding:24px 16px;background-color:#f7f7f7;border-radius:8px}
.related-articles__title__title{font-weight:600;font-size:22px;padding-bottom:16px}
.related-articles__articles{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}
.related-articles .related-articles__articles__post{display:grid;grid-template-rows:auto 1fr;width:70%;min-width:70%;scroll-snap-align:start;background-color:#fff;border-radius:8px;overflow:hidden;text-decoration:unset;color:unset;box-shadow:0 1px 3px rgba(0,0,0,.08)}
@media (min-width:600px){.related-articles .related-articles__articles__post{width:44%;min-width:44%}}
@media (min-width:1024px){.related-articles .related-articles__articles__post{width:28%;min-width:28%}}
.related-articles .related-articles__articles__post__image{width:100%;height:120px;object-fit:cover;object-position:center}
.related-articles__articles__post__title div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:15px;line-height:1.4}