.video-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-top:32px; }
.video-card { border:1px solid var(--border); border-radius:var(--radius-md); overflow:hidden; background:var(--surface); }
.video-frame { aspect-ratio:16/9; background:#050505; }
.video-frame iframe { width:100%; height:100%; border:0; }
.video-copy { padding:20px; }
.video-copy p { margin-top:8px; color:var(--muted); }
.video-empty { padding:28px; border:1px dashed var(--border); border-radius:var(--radius-md); color:var(--muted); }
.lightbox { position:fixed; inset:0; z-index:300; display:grid; place-items:center; padding:24px; background:rgba(0,0,0,.9); opacity:0; pointer-events:none; transition:.2s; }
.lightbox.open { opacity:1; pointer-events:auto; }
.lightbox img { max-height:90vh; border-radius:var(--radius-md); }
.lightbox button { position:absolute; top:20px; right:20px; width:48px; height:48px; border-radius:50%; background:#fff; color:#111; cursor:pointer; font-size:1.35rem; }
@media(max-width:760px){.video-grid{grid-template-columns:1fr}}

/* Les choix de confidentialité utilisent les mêmes boutons pour accepter et refuser. */
.video-consent { grid-column:1/-1; padding:24px; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--surface); }
.video-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; padding:24px; min-height:100%; text-align:center; }
.video-placeholder p { color:var(--muted); }
.video-frame:has(.video-placeholder) { aspect-ratio:auto; min-height:230px; }
.consent-dialog { width:min(680px,calc(100% - 28px)); max-height:85dvh; overflow:auto; padding:28px; border:1px solid var(--border); border-radius:22px; background:var(--surface); color:var(--text); }
.consent-dialog::backdrop { background:rgba(0,0,0,.75); }
.consent-dialog h2 { font-size:2rem; margin-bottom:20px; }
.consent-dialog a, .video-consent a { text-decoration:underline; }
.consent-dialog fieldset { margin-top:20px; border:1px solid var(--muted); }
.consent-dialog label { display:block; padding:10px; }
.consent-dialog input { accent-color:var(--accent); width:20px; height:20px; vertical-align:middle; }
.lightbox:not(.open) { visibility:hidden; }
.gallery figure:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }