/* Print: the profile prints as a real screenplay (US Letter, Courier 12pt, 6 lines/inch, 1.5in
   binding margin, title page, numbered pages); film pages print as their script, without players.
   Linked from Base.astro with media="print", so screens never download it.
   Courier is the site's own "Screen" stack (global.css): the Courier New already on Macs and PCs,
   so nothing has to download mid-print (a web font that isn't loaded yet prints as a fallback). */
@page {
  size: letter;
  margin: 1in 1in 1in 1.5in;
  @top-right { content: counter(page) "."; font: 12pt/1 "Screen", "Courier Prime", "Courier New", monospace; }
}
@page :first { @top-right { content: none; } }

html { font-size: 12pt !important; }
body {
  font: 12pt/12pt "Screen", "Courier Prime", "Courier New", Courier, monospace !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  color: #000 !important;
  background: #fff !important;
}
.films-nav, .mobile-footer, .video, .marquee-track > span[aria-hidden], .profile-links.mobile-only, script { display: none !important; }
body::after, .skip { display: none !important; }

/* Static, single-column flow */
.profile, main { position: static !important; inset: auto !important; overflow: visible !important; border: 0 !important;
  padding: 0 !important; margin: 0 !important; min-height: 0 !important; display: block !important; }
.stack .work { min-height: 0 !important; }
body:not(.home) .profile { display: none !important; }   /* film pages print the film, home prints the screenplay */
body.home main { display: none !important; }

/* A Letter page is portrait, so global.css's phone layout applies on paper: undo the parts that
   reshape rows (hidden first and empty cells, spacing between stacked cells, hidden group gaps). */
.row:not(.profile-links) > :empty, .profile .tight .row > :first-child { display: block !important; }
.row > *, .profile .screen1 { margin: 0 !important; }
.profile .gap { display: block !important; }

/* Everything is Courier, same size, like a typed page */
.profile *, main * { font: inherit !important; color: inherit !important; letter-spacing: 0 !important; word-spacing: 0 !important; }
.screen1, .profile .screen1 { font-weight: 700 !important; text-transform: uppercase; }
.dim, .dim a { color: #555 !important; }
a { text-decoration: none !important; }

/* Title page: centred about a third of the way down, then a page break */
.profile > br:first-child, .profile > br:nth-child(2), .profile > br:nth-child(3) { display: none; }
.profile > .center.screen1 { padding-top: 3in; text-align: center; break-after: page; }
.profile > .center.screen1 br:nth-last-child(-n+4) { display: none; }
.profile > .center.screen1 + .right.screen2 { text-align: left !important; } /* FADE IN: is flush left on paper; CUT TO: stays right */

/* "Dialogue" indents: list rows sit 1in in, like dialogue blocks */
.row { display: grid !important; grid-template-columns: 1.4in 3in 1.6in !important; column-gap: 0 !important; margin: 0 !important; }
.row > * { grid-column: auto !important; padding-right: 2ch; }
.row > :last-child { padding-right: 0; }   /* the outlet column holds 16 Courier cells ("Sunday Mid-Day" on one line) */
.profile-links.desktop-only { display: flex !important; gap: 3ch; }
.profile-links span { display: none; }
.row > .s3:empty { visibility: hidden; }
.tight .row { margin: 0 !important; }
.profile .row.keep > .s3:empty + .s6 { grid-column: 2 / span 2 !important; }
.gap { height: 12pt !important; }
.ne, .up { display: none !important; }
.right { text-align: right !important; }

/* Never split a film row or a heading from what follows */
.row, .media { break-inside: avoid; }
.screen1 { break-after: avoid; }

/* Film pages: the marquee becomes a still scene heading, images print at column width and fully
   visible (no scroll fade) */
.work-header { display: block !important; margin: 0 0 12pt !important; }
.work-header .s3 { display: block; }
.marquee { display: block !important; white-space: normal !important; -webkit-mask: none !important; mask: none !important; }
.marquee-track { transform: none !important; display: block !important; }
.marquee-track > span { padding: 0 !important; min-width: 0 !important; }
.media img, .media video { animation: none !important; opacity: 1 !important; }
.media img { max-width: 4in; }