/* THE THIEF — document pages (screenplay, shot list). Screen + print. */

.doc {
  max-width: 46rem;
  margin-inline: auto;
  padding-block: clamp(3rem, 8vw, 5rem);
}
.doc__back { display: inline-block; margin-bottom: 2rem; }
.doc__meta { color: var(--ivory-muted); font-size: 0.9rem; margin-top: 0.5rem; }
.doc__actions { margin: 2rem 0 3rem; display: flex; flex-wrap: wrap; gap: 0.75rem; }

.doc h1 { font-size: clamp(2.2rem, 6vw, 3.25rem); }
.doc h2 {
  font-size: 1.25rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-family: var(--sans);
  font-weight: 700;
  color: var(--gold);
  margin: 2.75rem 0 1rem;
}

/* screenplay elements */
.scene {
  font-family: var(--sans);
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: 0.95rem;
  color: var(--ivory);
  margin: 2.5rem 0 1rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid rgba(201, 169, 122, 0.3);
}
.action { color: var(--ivory-muted); margin: 0.9rem 0; }
.action em { color: var(--ivory); font-style: italic; }

.vo { margin: 1.4rem 0 1.4rem 1.25rem; }
.vo__cue {
  font-family: var(--sans);
  font-weight: 700;
  font-size: 0.72rem;
  letter-spacing: 0.18em;
  color: var(--gold);
  text-transform: uppercase;
}
.vo__line {
  font-family: var(--serif);
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 0.3rem;
}
.vo__paren { font-style: italic; color: var(--ivory-muted); font-size: 0.95rem; }

.fade { font-family: var(--sans); font-weight: 700; letter-spacing: 0.1em; color: var(--ivory-muted); margin: 2rem 0; }
.script-word { font-family: var(--script); color: var(--gold); font-size: 1.5em; line-height: 1; }

/* shot-list */
.setup { margin: 1.6rem 0; padding-left: 1.25rem; border-left: 2px solid rgba(201, 169, 122, 0.4); }
.setup h3 { font-family: var(--serif); font-size: 1.2rem; color: var(--ivory); margin-bottom: 0.35rem; }
.setup p { color: var(--ivory-muted); font-size: 0.98rem; }
.kv { color: var(--ivory-muted); }
.kv b { color: var(--ivory); font-weight: 600; }

/* ---------- Print ---------- */
@media print {
  :root { --gold: #8a6a3a; }
  html, body { background: #fff !important; color: #1a1a1a !important; }
  .filmbar { display: none !important; }
  .doc__back, .doc__actions, .site-footer, .skip { display: none !important; }
  .doc { max-width: none; padding: 0; }
  .doc h1 { color: #1a1a1a; }
  .doc h2, .vo__cue, .scene { color: #8a6a3a; }
  .action, .doc__meta, .setup p, .kv, .vo__paren { color: #333 !important; }
  .action em, .vo__line, .setup h3, .kv b { color: #1a1a1a !important; }
  .scene { border-bottom-color: #ccc; }
  .setup { border-left-color: #bbb; }
  .script-word { color: #8a6a3a; }
  a { color: inherit; text-decoration: none; }
  .vo, .setup, .scene { page-break-inside: avoid; }
}
