/* [vge_latest_videos]: newest long-form YouTube videos (homepage). */
.vge-yt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 767px) { .vge-yt-grid { grid-template-columns: 1fr; } }
.vge-yt { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.vge-yt__play, .vge-yt iframe { position: relative; display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; overflow: hidden; background: #000; padding: 0; cursor: pointer; }
.vge-yt__play img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; }
.vge-yt__play:hover img, .vge-yt__play:focus-visible img { transform: scale(1.04); }
.vge-yt__play:focus-visible { outline: 3px solid #fe8702; outline-offset: 2px; }
.vge-yt__icon { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; transform: translate(-50%, -50%); border-radius: 12px; background: rgba(0, 0, 0, .7); transition: background .2s; }
.vge-yt__icon::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-35%, -50%); border-style: solid; border-width: 11px 0 11px 19px; border-color: transparent transparent transparent #fff; }
.vge-yt__play:hover .vge-yt__icon, .vge-yt__play:focus-visible .vge-yt__icon { background: #fe8702; }
.vge-yt__title { color: #fff; font-weight: 700; font-size: 18px; line-height: 1.3; text-decoration: none; }
.vge-yt__title:hover { color: #fe8702; }
.vge-yt__date { color: #fe8702; font-size: 14px; font-weight: 600; }
.vge-yt-subscribe { text-align: center; margin: 24px 0 0; }
.vge-yt-subscribe a { display: inline-block; background: #fe8702; color: #021114; font-weight: 700; padding: 12px 22px; border-radius: 6px; text-decoration: none; }
.vge-yt-subscribe a:hover { background: #b35900; color: #fff; }
