/* Reserve the YouTube minimum before hover, so playback never resizes a row.
   Grid columns and card links retain their existing layout and destination. */
.recent-card[data-watch-video-provider] .recent-image {
  min-height: 200px;
}
.recent-image > .watch-video-hover {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: #000;
  overflow: hidden;
  pointer-events: none;
}
.watch-video-hover-frame {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
  pointer-events: none;
}
.recent-image[data-watch-video-active="true"] > img {
  visibility: hidden;
}
.recent-image[data-watch-video-active="true"]::before {
  display: none;
}