/* Page /film. Les valeurs viennent des tokens de site.css ; rien de codé en dur hors des dérivés arithmétiques. */
.film-ouverture{padding-top:clamp(var(--espace-8),4.2vw,var(--espace-16));overflow-x:clip}
.film-ouverture .t1{grid-column:1 / -1}
.film-ouverture .accroche{grid-column:1 / -1;margin-top:clamp(var(--espace-5),2.4vw,var(--espace-8))}
@media (min-width:960px){.film-ouverture .accroche{grid-column:1 / span 8}}

.film{padding-block:clamp(var(--espace-8),4vw,var(--espace-12)) var(--section)}
.film__cadre{margin:0}
.film__video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:var(--encre);border:var(--trait-filet) solid var(--encre)}
.film__video:focus-visible{outline:3px solid var(--couleur-accent-base);outline-offset:3px}
.film__erreur{margin-top:var(--espace-4);padding:var(--espace-4) var(--espace-5);border:var(--trait-filet) solid var(--encre);background:var(--ecran)}
.film__erreur[hidden]{display:none}

.film__bas{display:grid;gap:var(--espace-10) var(--gouttiere);margin-top:clamp(var(--espace-8),4vw,var(--espace-12))}
@media (min-width:960px){.film__bas{grid-template-columns:repeat(12,minmax(0,1fr))}.film__chapitres{grid-column:1 / span 7}.film__fichiers{grid-column:9 / -1}}
.film__bas h2{font-family:var(--police-titre);font-weight:var(--graisse-forte);font-size:clamp(22px,1.1rem + .7vw,28px);line-height:1.15;letter-spacing:-.01em}
.film__chapitres ol{list-style:none;margin:var(--espace-4) 0 0;padding:0;border-top:var(--trait-filet) solid var(--filet)}
.film__chapitres li{border-bottom:var(--trait-filet) solid var(--filet)}
.film__chapitres a{display:grid;grid-template-columns:5ch minmax(0,1fr);gap:var(--espace-4);align-items:baseline;min-height:var(--espace-12);padding:var(--espace-3) var(--espace-2);color:var(--encre);text-decoration:none}
.film__chapitres a:hover{background:var(--ecran)}
.film__chapitres a[aria-current="true"]{background:var(--ecran);box-shadow:inset 3px 0 0 var(--couleur-accent-base)}
.film__chapitres a:focus-visible{outline:3px solid var(--couleur-accent-base);outline-offset:-3px}
.film__chapitres .h{font-family:var(--police-mono);font-size:var(--typo-affiche-mono-taille);color:var(--encre-2)}
.film__fichiers p{margin-top:var(--espace-3);color:var(--encre-2);max-width:30em}
.film__fichiers ul{list-style:none;margin:var(--espace-4) 0 0;padding:0;display:grid;gap:var(--espace-2)}

.film-lecture{padding-block:var(--section);border-top:var(--trait-filet) solid var(--filet)}
.film-lecture__grille{display:grid;gap:var(--espace-10) var(--gouttiere);margin-top:clamp(var(--espace-8),4vw,var(--espace-12))}
@media (min-width:960px){.film-lecture__grille{grid-template-columns:repeat(3,minmax(0,1fr))}}
.film-lecture__grille h3{font-family:var(--police-titre);font-weight:var(--graisse-forte);font-size:clamp(20px,1rem + .5vw,24px);line-height:1.2}
.film-lecture__grille p{margin-top:var(--espace-3);max-width:30em}

.film-transcription{border-top:var(--trait-filet) solid var(--encre);border-bottom:var(--trait-filet) solid var(--filet);margin-top:clamp(var(--espace-10),5vw,var(--espace-16))}
.film-transcription > summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--espace-4);min-height:var(--espace-16);padding:var(--espace-4) 0;font-family:var(--police-titre);font-weight:var(--graisse-forte);font-size:clamp(20px,1rem + .5vw,24px)}
.film-transcription > summary::-webkit-details-marker{display:none}
.film-transcription > summary::after{content:"+";font-family:var(--police-mono);font-weight:400;font-size:28px}
.film-transcription[open] > summary::after{content:"\2212"}
.film-transcription > summary:focus-visible{outline:3px solid var(--couleur-accent-base);outline-offset:3px}
.film-transcription__corps{padding-bottom:var(--espace-12);max-width:44em}
.film-transcription h3{font-family:var(--police-titre);font-weight:var(--graisse-forte);font-size:20px;line-height:1.2;margin-top:var(--espace-10)}
.film-transcription h3 .h{font-family:var(--police-mono);font-weight:500;font-size:var(--typo-affiche-mono-taille);color:var(--encre-2);margin-left:var(--espace-2)}
.film-transcription p{margin-top:var(--espace-3)}
.film-transcription .image{color:var(--encre-2);font-style:italic}
.film-transcription .qui{font-family:var(--police-mono);font-size:var(--typo-affiche-mono-taille);font-weight:500;color:var(--encre-2);display:block;margin-bottom:var(--espace-1)}
.film-transcription .dit{padding-left:var(--espace-4);border-left:var(--trait-filet) solid var(--filet)}

.film-partage{padding-block:var(--section);border-top:var(--trait-filet) solid var(--filet)}
.film-partage p{max-width:36em;margin-top:var(--espace-4)}
.film-partage .service__actions,.film-partage__actions{display:flex;flex-wrap:wrap;gap:var(--espace-4);margin-top:var(--espace-8)}
@media (max-width:759px){.film-partage__actions .btn{width:100%}}