/* Click-to-play video (21 Oct 2026): a real button stands in for the player until pressed. */
.eu-video { margin: 0; }
.eu-video-box { position: relative; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #111827; }
.eu-video-play {
    position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; margin: 0;
    background: #111827; cursor: pointer; display: block; font: inherit;
}
.eu-video-play img { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0.8; }
.eu-video-icon {
    position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%);
    width: 68px; height: 48px; border-radius: 12px; background: #581c87;
    display: flex; align-items: center; justify-content: center;
}
.eu-video-label {
    position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 8px 12px; border-radius: 8px;
    background: rgba(17, 24, 39, 0.9); color: #ffffff; font: 600 14px/1.35 'Inter', sans-serif; text-align: left;
}
.eu-video-play:hover .eu-video-icon { background: #6b21a8; }
.eu-video-play:focus-visible { outline: 3px solid #a855f7; outline-offset: -3px; }
.eu-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.eu-video figcaption { margin-top: 8px; font-size: 12.5px; color: #4b5563; }
/* As the lead item of a section: a comfortable size, not the full content width. */
.eu-video.is-lead { max-width: 760px; margin-top: 1.5rem; }