/* ═══════════════════════════════════════════════════════════════════════
   oratorium-print.css — the Oratorium's own print rules, loaded AFTER the
   shared layer (https://thewordhoard.com/print/wordhoard-print.css), which
   owns the paper, the Ctrl+P floor and the four forms. This file used to be
   print.css, the prototype the layer was promoted from (2026-09-26); only
   what is the room's own is left here.

   Nothing in it shows on the screen page, and it fetches nothing itself: a
   printed sheet must not depend on the wi-fi. (The mono it names below is
   the layer's, and the service worker keeps it.)
   ═══════════════════════════════════════════════════════════════════════ */
@media print {
  /* index.html and promptuarium.html lay the body out as a flex column (the
     footer kept at the foot of a short page). Chromium will not break a flex
     body across printed pages, so a month's booklet or a sheet of cards would
     stop at page one. On paper the body is a plain block. */
  body { display: block !important; min-height: 0 !important; }

  /* The print bar is about printing; Ctrl+P on the landing leaves it off. */
  .printbar { display: none !important; }

  /* The landing's screen h2 names its own serif (IM Fell English, which it
     never loads, so Palatino). Inside a form the heading takes the layer's
     face like the rest of the paper. */
  #wh-print h1, #wh-print h2, #wh-print h3 { font-family: inherit; }

  /* A chord chart's alignment IS the information, so the chord row and the
     lyric row under it are monospace. The shared floor sets them in the
     machine's "Courier New"; the Oratorium's charts take the layer's own mono
     instead (WH Print Mono: Courier Prime, self-hosted with the layer at
     thewordhoard.com/fonts/, declared there), the same on every machine.
     Loaded after the floor, so this !important wins. The songbook loads the
     faces before it opens the dialog. */
  .chord-row, .lyric-row {
    font-family: var(--wh-print-mono, "WH Print Mono", "Courier New", ui-monospace, monospace) !important;
  }
}