/* P262 — News secondary thumbnails fill their own rectangle.
   P243/P244 enforce aspect-ratio:2/1 and contain with #news !important;
   override these for SECONDARY thumbnails only. Feature and reader stay untouched. */
#news .public-content-row .news-feed-card:not(.is-featured) {
  align-items:stretch!important;
  grid-template-rows:minmax(0,1fr)!important;
}
#news .public-content-row .news-feed-card:not(.is-featured) .news-feed-image {
  display:block!important;
  position:relative!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#edf3f0;
}
#news .public-content-row .news-feed-card:not(.is-featured) .news-feed-image img {
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center!important;
}
/* Mobile: let thumbnail height follow the entire story card, rather than
   leaving a shallow 2:1 strip beside a taller description. */
@media(max-width:820px){
  #news .public-content-row .news-feed-card:not(.is-featured){
    display:grid!important;
    grid-template-columns:minmax(110px,33%) minmax(0,1fr)!important;
    grid-template-rows:minmax(114px,auto)!important;
    min-height:114px!important;
    height:auto!important;
  }
  #news .public-content-row .news-feed-card:not(.is-featured) .news-feed-image{
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
}
@media(max-width:380px){
  #news .public-content-row .news-feed-card:not(.is-featured){
    grid-template-columns:minmax(104px,33%) minmax(0,1fr)!important;
  }
}
/* Real external links are anchors; visually match the existing read-more text. */
#news .public-content-row .news-feed-foot .news-read-more-link{
  display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;
  margin-left:auto;color:#126a4a;text-decoration:none;
  font-family:inherit;font-size:13px;font-weight:800;
  white-space:nowrap;position:relative;z-index:1;
}
#news .public-content-row .news-feed-foot .news-read-more-link:hover{
  color:#075638;text-decoration:underline;
}
#news .public-content-row .news-feed-foot .news-read-more-link:focus-visible{
  outline:3px solid #f0c45a;outline-offset:3px;border-radius:3px;
}