/* The live pages' additions to the design's styles: the analytics snippet's default consent banner (new-site-analytics,
   Banner markup) in the public theme's colours. */
.public { --ac-bg: var(--surface); --ac-fg: var(--ink); --ac-accent: var(--violet); }

/* A link the Worker hides (live.js: a null in `links`), and the header's nav when all of its links are hidden */
a[href="#hidden"] { display: none; }
.pub-nav:not(:has(a:not([href="#hidden"]))) { display: none; }

/* Learn more scrolls to the films heading */
html { scroll-behavior: smooth; }
html[data-motion="reduce"] { scroll-behavior: auto; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
#wl-films-t { scroll-margin-top: 24px; }

/* The legal pages (/privacy, /terms), on the leave page's header, card and footer */
.wl-legal { padding-top: var(--s-10); }
.wl-legal-card { display: grid; gap: var(--s-4); max-width: 680px; margin: 0 auto; padding: 40px 32px 32px; }
.wl-legal-card h1 { margin: 0; font-size: var(--t-28); }
.wl-legal-card p { margin: 0; font-size: var(--t-15); line-height: 1.6; color: var(--ink-2); }
@media (max-width: 599px) { .wl-legal { padding-top: var(--s-7); } .wl-legal-card { padding: 28px 18px 20px; } }