/**
 * Featured YouTube card.
 *
 * Everything is scoped to this block so other YouTube embeds are unaffected.
 */
#blocklinoorsubthemeyoutubevideosblock {
  width: min(100% - 2rem, 58rem);
  margin: 2rem auto;
}

#blocklinoorsubthemeyoutubevideosblock > h2 {
  margin-block-end: 1.25rem;
  color: #1e2432;
  font-size: clamp(1.5rem, 3vw, 2.25rem);
}

#blocklinoorsubthemeyoutubevideosblock .youtube-grid {
  display: block;
}

/* Keep the newest video as the single featured YouTube post. */
#blocklinoorsubthemeyoutubevideosblock .youtube-card:not(:first-child) {
  display: none;
}

#blocklinoorsubthemeyoutubevideosblock .youtube-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(22, 28, 45, .1);
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 1.25rem 3.5rem rgba(22, 28, 45, .12);
}

#blocklinoorsubthemeyoutubevideosblock .youtube-card iframe {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 28rem;
  border: 0;
  background: #111;
}

#blocklinoorsubthemeyoutubevideosblock .youtube-card h4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  margin: 0;
  padding: clamp(1.5rem, 4vw, 3.25rem);
  color: #1e2432;
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  line-height: 1.5;
}

#blocklinoorsubthemeyoutubevideosblock .youtube-card h4::before {
  content: "YouTube";
  display: block;
  margin-block-end: 1.25rem;
  color: #f00;
  font-family: Arial, sans-serif;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

@media (max-width: 48rem) {
  #blocklinoorsubthemeyoutubevideosblock {
    margin-block: 1.5rem;
  }

  #blocklinoorsubthemeyoutubevideosblock .youtube-card {
    grid-template-columns: 1fr;
  }

  #blocklinoorsubthemeyoutubevideosblock .youtube-card iframe {
    min-height: auto;
    aspect-ratio: 16 / 9;
  }
}