/* AcTournai — site-wide helpers */
.as-skip { position: absolute; left: 8px; top: -60px; z-index: 100001; background: #111; color: #fff; padding: 10px 16px; font-weight: 600; text-decoration: none; transition: top .15s; }
.as-skip:focus { top: 8px; color: #fff; }

.as-yt { position: relative; aspect-ratio: 16 / 9; background: #1b1b1b; margin: 0 0 1.5em; }
.as-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.as-yt-btn { position: absolute; inset: 0; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: none; border: 0; color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.as-yt-btn:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
.as-yt-play { width: 68px; height: 48px; border-radius: 12px; background: #c4302b; position: relative; }
.as-yt-play::after { content: ""; position: absolute; left: 28px; top: 14px; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #fff; }
.as-yt-note { position: absolute; bottom: 0; left: 0; right: 0; margin: 0; padding: 8px 12px; font-size: 12px; color: #bbb; text-align: center; }
.as-yt.is-playing .as-yt-note { display: none; }
.as-yt.has-poster { background-size: cover; background-position: center; }
.as-yt.has-poster .as-yt-btn { background: rgba(0, 0, 0, .25); }
.as-yt.has-poster .as-yt-note { background: rgba(0, 0, 0, .55); color: #eee; }