/* Print stylesheet for recording and segment pages. Link it with media="print" from base.html:
     <link rel="stylesheet" href="{{ base }}/static/print.css" media="print">
   Keeps the title, date, tier, transcript with timestamps and the citation box. Hides navigation, search,
   the player, buttons and the site footer. Ends with "Source: <url> · accessed <date>", read from
   <body data-print-url data-print-accessed>, which static/share.js fills in (or set data-print-url in the
   template). Colours come only from the variables style.css defines, redefined here for paper. */
@media print {
  :root {
    --bg: #fff; --card: #fff; --line: #999; --ink: #000; --ink2: #333; --mute: #555;
    --cyan: #000; --cyan2: #000; --violet: #000;
  }
  @page { margin: 18mm 16mm; }

  html, body { background: var(--bg); color: var(--ink); }
  body { font-size: 11pt; line-height: 1.45; }
  a { color: var(--ink); text-decoration: none; }

  /* navigation, player, controls, footer */
  .notice, .top, .hsearch, .player, .foot, .share, .crumbs, .pill, .bigsearch, .filter, .corrections,
  button, .cite-box .copy, .share-status, [data-pagefind-ignore] button, nav { display: none !important; }

  .wrap { max-width: none; padding: 0; margin: 0; }
  h1 { font-size: 20pt; margin: 0 0 4pt; }
  h2 { font-size: 14pt; margin: 14pt 0 6pt; break-after: avoid; }
  .muted, .meta, .kind { color: var(--ink2); }

  /* the YouTube link on the title line: print its address so the paper copy can be followed */
  h1 + .muted a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: var(--mute); }

  /* transcript: flat, no card, timestamps kept, paragraphs not split across pages */
  .transcript, .cite-box { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 10pt 0 0; margin-top: 12pt; }
  .transcript .head { margin: 0 0 8pt; }
  .para { break-inside: avoid; padding: 3pt 0; gap: 10pt; }
  .para p { font-size: 10.5pt; line-height: 1.5; }
  .para.active { background: transparent; margin: 0; padding: 3pt 0; }
  .ts { color: var(--mute); font-weight: 600; font-size: 9pt; flex-basis: 52pt; }

  /* tier badge in plain black outline */
  .tier, .tier.machine, .tier.corrected, .tier.verified {
    background: transparent; color: var(--ink); border: 1px solid var(--ink); border-radius: 3px; padding: 1pt 5pt;
  }

  /* citation box: the three forms stay, the buttons go */
  .cite-box { break-inside: avoid; }
  .cite-formats pre { background: transparent; border: 1px solid var(--line); border-radius: 0; font-size: 9pt; padding: 6pt 8pt; }
  .cite-formats dt { color: var(--ink2); font-size: 10pt; }
  .cite-archive { font-size: 10.5pt; }

  /* footer: source and accessed date, filled by share.js (or data-print-url set in the template) */
  body::after {
    content: "Source: " attr(data-print-url) " \00b7 accessed " attr(data-print-accessed) " \00b7 Mufti Abu Layth Archive";
    display: block; margin-top: 18pt; padding-top: 6pt; border-top: 1px solid var(--line);
    font-size: 9pt; color: var(--mute); word-break: break-all;
  }
  body:not([data-print-accessed])::after {
    content: "Source: " attr(data-print-url) " \00b7 Mufti Abu Layth Archive";
  }
}