/* — latest YouTube videos (vertical Shorts cards, click to play in place) — */
.mmr-videos-section { padding-block: 0 84px; }
.mmr-videos-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.mmr-video-card { margin: 0; min-width: 0; }
.mmr-video-frame {
  position: relative; display: block; width: 100%; aspect-ratio: 9 / 16; padding: 0; border: 0; cursor: pointer;
  border-radius: var(--radius-md); overflow: hidden; background: var(--color-neutral-900);
}
.mmr-video-frame img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.mmr-video-frame:hover img { transform: scale(1.04); }
.mmr-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.mmr-video-play {
  position: absolute; left: 14px; bottom: 14px; width: 48px; height: 48px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; padding-left: 3px;
  background: color-mix(in srgb, var(--color-accent) 92%, transparent); color: #fff; box-shadow: var(--shadow-md);
  transition: transform 0.2s ease;
}
.mmr-video-frame:hover .mmr-video-play, .mmr-video-frame:focus-visible .mmr-video-play { transform: scale(1.1); }
.mmr-video-card figcaption { display: flex; flex-direction: column; gap: 4px; margin-top: 12px; }
.mmr-video-card figcaption a {
  color: var(--color-text); text-decoration: none; font-size: 15px; line-height: 1.35; font-weight: 500;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.mmr-video-card figcaption a:hover { color: var(--color-accent); }
.mmr-video-card time { font-size: 13px; color: color-mix(in srgb, var(--color-text) 60%, transparent); }
@media (max-width: 900px) {
  .mmr-videos-row { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; padding-bottom: 8px; }
  .mmr-video-card { flex: 0 0 62%; scroll-snap-align: start; }
}