/* SWUAK v72 — YouTube feed cards: video upper section, normal copy below. */
.card--video-youtube-split{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,56%) minmax(0,44%)!important;
  isolation:isolate;
}
.card--video-youtube-split .story-video-media{
  position:relative;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:#070707;
}
.card--video-youtube-split .story-video-media .story-card-image{
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.card--video-youtube-split .story-video-media .story-video-frame{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
}
.card--video-youtube-split .story-card-copy{
  position:relative!important;
  z-index:3!important;
  inset:auto!important;
  min-height:0!important;
  padding:13px 14px 14px!important;
  border-top:1px solid #d8d2c7;
  background:#fbfaf6;
  pointer-events:none;
}
.card--video-youtube-split .story-card-copy h2{
  margin:0;
  text-shadow:none!important;
}
.card--video-youtube-split .story-card-meta,
.card--video-youtube-split .story-card-meta span{
  text-shadow:none!important;
}
.card--video-youtube-split .story-video-play{
  top:50%!important;
  left:50%!important;
}
.card--video-youtube-split .story-video-mute{top:8px!important;right:8px!important}
.card--video-youtube-split.is-video-loading:before{top:12px!important;right:12px!important}

/* Seasonal only recolors the normal lower copy; layout stays identical. */
html[data-appearance="seasonal"] .card--video-youtube-split .story-card-copy{
  background:#3b3b39!important;
  border-top-color:#565650!important;
}
html[data-appearance="seasonal"] .card--video-youtube-split .story-card-copy h2,
html[data-appearance="seasonal"] .card--video-youtube-split .story-card-meta,
html[data-appearance="seasonal"] .card--video-youtube-split .story-card-meta span{
  color:#f2efea!important;
}

@media(max-width:760px){
  .card--video-youtube-split{grid-template-rows:54% 46%!important}
}


/* v75: autoplay feed players stay visually clean. The card remains the click
   target; embedded publisher UI does not appear on hover over the moving video. */
.card--video.is-video-playing .story-video-frame iframe{pointer-events:none!important}
.card--video-youtube-split .story-card-copy{overflow:hidden!important}
.card--video-youtube-split .story-card-copy h2{-webkit-line-clamp:3!important}
