/* tend.net.au: the films page only. Linked from watch.html's "styles". */

/* Moved from site.css (2026-11-07): rules only this page uses, so other pages don't carry them. */
.film { display: grid; gap: var(--space-5); }
@media (min-width: 960px) {
  .film { grid-template-columns: 7fr 5fr; gap: var(--space-10); align-items: start; }
}
.film video { aspect-ratio: 16 / 9; border-radius: var(--radius-md); border: 1px solid var(--rule); background: var(--ink); }
.chapters { padding-left: 0; list-style: none; font-size: var(--step-small); }
.chapters li { display: grid; grid-template-columns: 3.2em 1fr; padding: var(--space-2) 0; border-bottom: 1px solid var(--rule); }
.chapters time { color: var(--muted); font-variant-numeric: tabular-nums; }