/* 表示比率と操作に必要な最小限。装飾はテーマのscss/plugin/_youtube.scssへ。 */
.zp-youtube { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; }
.zp-youtube_trigger, .zp-youtube_player { display: block; width: 100%; height: 100%; padding: 0; border: 0; }
.zp-youtube_trigger { position: relative; cursor: pointer; font: inherit; }
.zp-youtube_poster { display: block; width: 100%; height: 100%; object-fit: cover; }
.zp-youtube_label { position: absolute; inset: 50% auto auto 50%; width: max-content; max-width: 90%; transform: translate(-50%, -50%); padding: .75em 1em; color: #fff; background: #111; }
.zp-youtube_trigger:focus-visible { outline: 3px solid #fff; outline-offset: -4px; }