/* Red Planet Apps - click-to-play YouTube facade. The parent box already reserves the 16:9 space, so nothing shifts. */
.yt-facade{position:absolute;top:0;left:0;right:0;bottom:0;display:block;margin:0;padding:0;border:0;background:#000;color:#fff;cursor:pointer;overflow:hidden;text-decoration:none;-webkit-tap-highlight-color:transparent}
.yt-facade img{display:block;width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .2s}
.yt-play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:14px;background:rgba(18,18,18,.86);box-shadow:0 2px 14px rgba(0,0,0,.55);transition:background-color .2s,transform .2s}
.yt-play:before{content:"";position:absolute;left:50%;top:50%;margin:-11px 0 0 -7px;border-style:solid;border-width:11px 0 11px 19px;border-color:transparent transparent transparent #fff}
.yt-facade:hover img,.yt-facade:focus-visible img{opacity:1}
.yt-facade:hover .yt-play,.yt-facade:focus-visible .yt-play{background:#f00;transform:scale(1.06)}
.yt-facade:focus-visible{outline:3px solid #ffb347;outline-offset:-3px}
.yt-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
@media (max-width:600px){.yt-play{width:76px;height:54px;margin:-27px 0 0 -38px}}
@media (prefers-reduced-motion:reduce){.yt-facade img,.yt-play{transition:none}.yt-facade:hover .yt-play,.yt-facade:focus-visible .yt-play{transform:none}}