/* filme.css — seiteneigene Regeln der Filmseite (01.10.2026).
   Steht AUSSERHALB der Chrome-Marken, damit build_chrome.py sie stehen
   laesst; jede Regel ist auf main.filme eingegrenzt. Gebaut nur aus
   Bauteilen, die es gibt: .boxen/.box (boxen.css), .box--bildbreit fuer
   das Standbild oben, .moment-tag und .text-link (bauteile.css). */

/* Standbild oben: Der Sphaerenabstand der Ueberschrift entfaellt, wie auf
   der Produktseite (produkt.css). 16:9 statt der festen 180 px, damit kein
   Gesicht abgeschnitten wird. */
main.filme .box--bildbreit .box__bild { height: auto; aspect-ratio: 16 / 9; }
main.filme .box--bildbreit h3 { margin-top: 0; }

/* Das Schild (Sprache · KI-Kennzeichnung) behaelt seine Inhaltsbreite in
   der Flex-Spalte der Box; auf --mist traegt es Weiss, sonst waere es
   unsichtbar. Dieselben zwei Regeln wie team.css. */
main.filme .moment-tag { align-self: flex-start; width: auto; margin-bottom: 14px; }
main.filme .box--mist .moment-tag { background: var(--white); }

/* Der Verweis zu YouTube steht immer unten in der Box, egal wie lang der
   Text darueber ist — gleich hohe Boxen, gleiche Linie. */
main.filme .box .text-link { margin-top: auto; align-self: flex-start; font-weight: 800; }