/* Match the existing responsive 16:9 video space without loading a player. */
.jbd-youtube-facade { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.jbd-youtube-facade__button { display: block; width: 100%; height: 100%; padding: 0; border: 0; background: #000; color: #fff; cursor: pointer; }
.jbd-youtube-facade__button img { display: block; width: 100%; height: 100%; object-fit: cover; }
.jbd-youtube-facade__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 4.25rem; height: 3rem; border-radius: .65rem; background: #c00; color: #fff; font-size: 1.5rem; line-height: 1; padding-left: .15rem; }
.jbd-youtube-facade__button:hover .jbd-youtube-facade__play, .jbd-youtube-facade__button:focus-visible .jbd-youtube-facade__play { background: #f00; }
.jbd-youtube-facade__button:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.jbd-youtube-facade noscript iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.jbd-video > .jbd-youtube-facade { position: absolute; inset: 0; height: 100%; }
.jbd-video-frame > .jbd-youtube-facade { position: absolute; inset: 0; height: 100%; }
.wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; }
.wp-block-embed-youtube .wp-block-embed__wrapper > .jbd-youtube-facade,
.wp-block-embed-youtube .wp-block-embed__wrapper > iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.jbd-video-frame > iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }