.video-panel { margin: 24px 0; padding: clamp(20px, 4vw, 36px); border: 1px solid #8b7046; border-radius: 16px; background: #171b22; color: #ead7b5; }
.video-panel h2 { margin: 0 0 16px; color: #f3d396; font-size: 27px; }
.video-panel p { font: 16px/1.6 Arial, sans-serif; }
.video-stage { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 10px; background: #080e1b; }
.video-stage img, .video-stage iframe { width: 100%; height: 100%; object-fit: cover; border: 0; }
.video-stage [data-video-slot]:not(:empty) { position: absolute; inset: 0; }
.video-placeholder { position: absolute; inset: 0; }
.video-placeholder span { position: absolute; inset: auto 0 0; padding: 16px; background: #080e1be8; text-align: center; font: 15px/1.5 Arial, sans-serif; }
.video-panel .video-consent { color: #c9bfb0; font-size: 14px; }
.video-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.video-actions button { padding: 12px 18px; border: 1px solid #d8b26d; border-radius: 7px; background: #f3d396; color: #171b22; font: bold 15px/1.4 Arial, sans-serif; cursor: pointer; }
.video-panel a { color: #f3d396; text-decoration: underline; }
.video-panel [hidden] { display: none !important; }
.video-panel :focus-visible { outline: 3px solid #8fcaff; outline-offset: 4px; }

.video-panel .youtube-label { display: inline-flex; align-items: center; gap: 9px; margin: 0 0 14px; padding: 7px 12px; border-radius: 6px; background: #c00; color: #fff; font: bold 17px/1.2 Arial, sans-serif; letter-spacing: .2px; }
.youtube-label::before { content: ""; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; }
.video-placeholder::after { content: "▶"; position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: clamp(64px, 12vw, 100px); height: clamp(44px, 8vw, 68px); border-radius: 16px; background: #c00; color: #fff; font: 32px/1 Arial, sans-serif; box-shadow: 0 6px 24px #0009; pointer-events: none; }
.video-placeholder img { filter: brightness(.72); }
