/* V224 - Related article images:
   show the entire source image inside its frame without cropping text/content. */

body:not(.admin-layout) .article-detail .v175-related-grid article,
body:not(.admin-layout) .article-detail .v175-related-grid .news-card{
  overflow:hidden!important;
}

/* Keep a consistent visual frame while preserving the FULL image. */
body:not(.admin-layout) .article-detail .v175-related-grid img{
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}

/* Common image wrappers used by news cards */
body:not(.admin-layout) .article-detail .v175-related-grid figure,
body:not(.admin-layout) .article-detail .v175-related-grid .news-card-image,
body:not(.admin-layout) .article-detail .v175-related-grid .v117-news-media,
body:not(.admin-layout) .article-detail .v175-related-grid .v175-related-media{
  width:100%!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

/* Desktop/laptop: stable frame for 4 cards */
@media(min-width:992px){
  body:not(.admin-layout) .article-detail .v175-related-grid figure,
  body:not(.admin-layout) .article-detail .v175-related-grid .news-card-image,
  body:not(.admin-layout) .article-detail .v175-related-grid .v117-news-media,
  body:not(.admin-layout) .article-detail .v175-related-grid .v175-related-media{
    min-height:150px!important;
  }
}

/* Mobile/tablet: let the full image stay readable too */
@media(max-width:991px){
  body:not(.admin-layout) .article-detail .v175-related-grid figure,
  body:not(.admin-layout) .article-detail .v175-related-grid .news-card-image,
  body:not(.admin-layout) .article-detail .v175-related-grid .v117-news-media,
  body:not(.admin-layout) .article-detail .v175-related-grid .v175-related-media{
    min-height:0!important;
  }
}