/* Page fixe d'une vidéo (videos/v/<id>.html). Écrit par referencement_online.py : ne pas modifier à la main. */
.page-video { max-width: 1100px; margin: 0 auto; padding: 20px 16px 48px; }
.pv-fil { font-size: 14px; color: var(--doux); margin-bottom: 8px; }
.pv-fil a { color: var(--doux); }
.page-video h1 { font-size: clamp(24px, 3.2vw, 36px); line-height: 1.15; margin: 4px 0 6px; }
.pv-infos { color: var(--doux); margin: 0 0 18px; }
.page-video lecteur-video { display: block; margin-bottom: 28px; }
.pv-texte { max-width: 760px; }
.pv-texte h2 { font-size: 20px; margin: 28px 0 10px; color: var(--pale); }
.pv-resume { font-size: 17px; }
.pv-chapitres { padding-left: 0; list-style: none; }
.pv-chapitres li { margin: 4px 0; }
.pv-chapitres time { display: inline-block; min-width: 3.2em; color: var(--ambre); font-variant-numeric: tabular-nums; }
.pv-schemas { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.pv-schemas figure { margin: 0; background: var(--surface); border: 1px solid var(--bord); border-radius: 12px; overflow: hidden; }
.pv-schemas img { display: block; width: 100%; height: auto; }
.pv-schemas figcaption { padding: 8px 10px; font-size: 14px; color: var(--pale); }
.pv-transcription p { margin: 0 0 8px; color: var(--pale); }
.pv-niveau, .pv-situer { color: var(--doux); }
.pv-droits { color: var(--eteint); font-size: 13px; margin-top: 28px; }
body.lecteur-seul { min-height: 0; padding: 8px; }