/* YEHAVHA NEWS page-specific layout rules.
   Keeps the NEWS banner visually identical to the canonical NEXUS main-page banner
   without importing the full nexus-standard.css cascade. */

.news-hero-banner.project-thumbnail{
  position:relative;
  display:block;
  height:clamp(120px,11vw,150px);
  margin:14px 0 12px;
  overflow:hidden;
  border-radius:9px;
  background:#e8f5f4;
  text-decoration:none;
  cursor:default;
}
.news-hero-banner.project-thumbnail img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.news-hero-banner .project-thumbnail-caption{
  position:absolute;
  left:12px;
  top:12px;
  display:flex;
  flex-direction:column;
  gap:5px;
  max-width:min(78%,760px);
  padding:9px 12px;
  border-radius:7px;
  background:rgba(255,255,255,.94);
  color:#16374c;
  overflow-wrap:anywhere;
}
.news-hero-banner .project-thumbnail-label{
  font-size:clamp(12px,1.2vw,15px);
  font-weight:800;
  letter-spacing:.07em;
  line-height:1.4;
}
.news-hero-banner .project-thumbnail-caption strong{
  font-size:clamp(18px,2.05vw,25px);
  line-height:1.32;
}

/* Media cards: reserve the metadata row above the thumbnail so the image begins
   on the same visual line as the article title rather than at the card top. */
.news-media-feature{
  align-items:start;
}
.news-media-copy{
  justify-content:flex-start;
}
.news-media-visual{
  padding-top:18px;
}

/* The MBC debate URL currently resolves as unavailable/private for signed-out users.
   Until the canonical article source is replaced with a public video, suppress the
   broken media block instead of showing an empty/private thumbnail. */
.news-media-feature:has(.news-media-thumb-link img[src*="Jl71VSt_Un4"]){
  grid-template-columns:1fr;
}
.news-media-feature:has(.news-media-thumb-link img[src*="Jl71VSt_Un4"]) .news-media-visual{
  display:none;
}

@media(max-width:640px){
  .news-media-visual{padding-top:17px}
  .news-hero-banner.project-thumbnail{height:clamp(116px,28vw,142px)}
  .news-hero-banner .project-thumbnail-caption{left:10px;top:10px;max-width:82%;padding:7px 9px}
}