/* === NEWS DETAIL PAGE MEDIA === */
.newsformat .hero-media {
  max-width: 900px;
  /* slightly smaller for better balance */
  margin: 0 auto 2rem auto;
  /* centered with spacing */
  border-radius: 0.75rem;
  overflow: hidden;
}

/* Responsive YouTube video wrapper */
.newsformat .hero-video-wrapper {
  position: relative;
  padding-top: 56.25%;
  /* 16:9 aspect ratio */
  overflow: hidden;
  border-radius: 0.75rem;
}

.newsformat .hero-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0.75rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

/* Slightly smaller hero images */
.newsformat img.hero-image {
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
  border-radius: 0.75rem;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Remove extra vertical gap between rows on medium and large screens */
@media (min-width: 768px) {
  .featured-grid {
    row-gap: 0;
    /* removes vertical spacing between rows */
  }

  /* Optional: tighten top and bottom margins between cards */
  .featured-grid>* {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) @media (min-width: 768px) and (max-width: 1024px) {
  .featured-grid {
    row-gap: 0.5rem;
    /* tighten vertical gap on iPad size */
  }
}