/* ===== SyndiLibre — page d'une vidéo partagée (video.html), charte DA06 =====
   Charge après site-da06.css ET videos-da06.css : réutilise le lecteur (.vid-frame,
   .vid-play, .vid-soon) et la grille de vignettes (.biblio, .bc). */

.vp{max-width:1140px;margin:0 auto}
.vp-fil{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-3);margin:0 0 20px}
.vp-fil a{color:var(--encre-3);text-decoration:none}
.vp-fil a:hover{color:var(--violet)}
.vp-fil span{margin:0 8px;opacity:.55}

/* le lecteur : plein cadre, pas de plafond de popup */
.vp .vid-frame{max-height:none;width:100%;border-top:3px solid var(--or)}

.vp-inf{margin-top:26px;padding-bottom:28px;border-bottom:1px solid var(--filet)}
.vp-k{font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--or-f)}
.vp-inf h1{margin:14px 0 0;font-size:clamp(27px,3.4vw,44px);line-height:1.04;letter-spacing:-.028em;color:var(--navy);max-width:none}
.vp-meta{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.vp-dur{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--encre-3)}
.vp-desc{margin:22px 0 0;font-size:16.5px;line-height:1.66;color:var(--encre-2);max-width:74ch;white-space:pre-line}
.vp-desc[hidden]{display:none}

/* vignettes voisines : la grille de la bibliothèque, en liens */
.vp-next .biblio{grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--filet);border-radius:var(--r)}
a.bc{text-decoration:none}
.vp-all{margin-top:34px;display:flex;justify-content:center}
@media(max-width:1000px){.vp-next .biblio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vp-next .biblio{grid-template-columns:1fr}}

/* vidéo introuvable ou non partagée */
.vp-vide{padding:38px clamp(20px,3vw,40px);background:var(--blanc);border:1px solid var(--filet);border-top:3px solid var(--or);border-radius:var(--r)}
.vp-vide h1{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.06;letter-spacing:-.026em;color:var(--navy)}
.vp-vide p{margin:16px 0 0;font-size:16px;color:var(--encre-2);max-width:66ch}
.vp-vide .acts{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
[hidden]{display:none}