/* prov: 2026-10-19 claude-fable-5-1 drafted (print wiring) | fable_review: pending */
/* mnemonicon-print.css — the Promptuarium's own pages, loaded AFTER the shared
   layer (https://thewordhoard.com/print/wordhoard-print.css), which owns the
   paper, the Ctrl+P floor and the four forms. What is here is only what this
   room prints and no other does: a piece with its line breaks kept, the
   first-letter sheet, the copywork rules, the review-week table, the booklet's
   cover and pages (print.js).

   The .mn-book rules are NOT print-only, on purpose: print.js measures each
   booklet page in an off-screen box (.mn-measure) with these same rules, as
   the Memoria does, because a Booklet page that overflows its half-sheet is
   clipped, not reflowed. Everything is in pt or in, so the screen measures
   what the printer prints. Every selector starts at #wh-print or .mn-, so
   nothing here touches the screen page. */

/* the off-screen box a booklet page is measured in: a page's body, 4.6in wide */
.mn-measure { position: absolute; left: -10000px; top: 0; width: 4.6in; visibility: hidden; display: flow-root; }

.mn-book {
  font-family: var(--wh-print-serif, "WH Print Fell", Georgia, "Times New Roman", serif);
  color: #000; font-size: 10.5pt; line-height: 1.42; font-variant: normal; letter-spacing: 0;
}
.mn-book * { margin: 0; padding: 0; box-sizing: border-box; }
.mn-book h2.mn-bh { font-variant: small-caps; letter-spacing: .05em; font-weight: 600; font-size: 13pt; line-height: 1.2; border-bottom: 1px solid #7a6021; padding-bottom: 3pt; margin-bottom: 5pt; }
.mn-book h2.mn-bh i { font-variant: normal; font-weight: 400; font-size: 9pt; color: #555; }
.mn-book .mn-source { font-style: italic; color: #333; font-size: 9.5pt; margin-bottom: 6pt; }
.mn-book .mn-text { white-space: pre-line; overflow-wrap: anywhere; }
.mn-book.mn-cover { text-align: center; padding-top: 1.6in; }
.mn-book .mn-mark { color: #7a6021; font-size: 18pt; letter-spacing: .5em; text-indent: .5em; }
.mn-book.mn-cover h1 { font-variant: small-caps; letter-spacing: .08em; font-size: 24pt; font-weight: 600; line-height: 1.1; margin: 6pt 0 12pt; }
.mn-book .mn-name { font-size: 13pt; margin-bottom: 4pt; }
.mn-book .mn-facts { font-size: 8pt; color: #333; margin-top: 22pt; line-height: 1.6; }

@media print {
  /* the floor, for what only this room has on screen: the shelf of family
     cards, the sync corner, the toolbars and the review controls. Ctrl+P on
     a piece then prints the piece; on the Bank, the list. */
  #shelf, .cards-toggle, .sync-area, .toolbar, .search-row, .tag-bar, .collection-actions, .streak-note,
  .stats-row, .audio-panel, .playlist-panel, .aids-panel, .form-actions, .mode-row, .grade-hint, .grade-row,
  #history-panel, #typing-area, .stage-panel, .print-menu, .toast, footer { display: none !important; }
  .masthead { background: none !important; color: #000 !important; border: none !important; box-shadow: none !important; padding: 0 0 .3in !important; }
  .masthead h1 { color: #000 !important; text-shadow: none !important; font-size: 18pt !important; }
  .masthead .tagline { color: #333 !important; }
  .piece-text { background: none !important; border: none !important; box-shadow: none !important; padding: 0 !important; font-size: 12pt !important; }
  .meta, .notes { color: #333 !important; }

  /* ── a piece on the Sheet and the Cards: its line breaks are the verse ── */
  #wh-print .mn-piece { margin-bottom: .18in; }
  #wh-print .mn-text { white-space: pre-line; overflow-wrap: anywhere; font-size: 12pt; line-height: 1.5; }
  #wh-print .mn-source { font-style: italic; color: #333; font-size: 10pt; margin-bottom: 4pt; }
  #wh-print .mn-notes { font-size: 9pt; color: #444; margin-top: 6pt; border-top: 1px dotted #999; padding-top: 4pt; }
  #wh-print h3.mn-h3 { font-size: 13pt; font-weight: 600; margin: .22in 0 .06in; break-after: avoid; page-break-after: avoid; }
  #wh-print .mn-small { font-size: 9pt; color: #444; }
  #wh-print .wh-cards .card .text, #wh-print .wh-broadside .text { white-space: pre-line; }
  #wh-print .wh-cards .card.back .text { font-size: 9.5pt; line-height: 1.3; }

  /* ── the first-letter sheet: the reduction in the mono face, room to breathe ── */
  #wh-print .mn-letters {
    font-family: var(--wh-print-mono, "WH Print Mono", "Courier New", ui-monospace, monospace);
    white-space: pre-line; font-size: 12pt; line-height: 1.9; letter-spacing: .08em; overflow-wrap: anywhere;
  }
  #wh-print .mn-rule-row { display: flex; align-items: baseline; gap: 6pt; font-size: 9pt; color: #444; margin-top: 10pt; }
  #wh-print .mn-blank { flex: 1 1 1in; border-bottom: 1px solid #999; height: .22in; }
  #wh-print .mn-blank.short { flex: 0 0 1.2in; }
  #wh-print .mn-box { display: inline-block; width: .18in; height: .18in; border: 1px solid #000; vertical-align: middle; }

  /* ── copywork: the text, then ruled lines to copy it on ── */
  #wh-print .mn-copy-text .mn-text { font-size: 12.5pt; line-height: 1.55; }
  #wh-print .mn-copy-hint { font-size: 9pt; font-style: italic; color: #444; margin: 8pt 0 2pt; }
  #wh-print .mn-rules { break-inside: auto; }
  #wh-print .mn-line { border-bottom: 1px solid #999; height: .3in; }

  /* ── the review week: a checklist with date and grade columns ── */
  #wh-print .mn-week-head { font-style: italic; color: #333; margin-bottom: 8pt; }
  #wh-print table.mn-week { width: 100%; border-collapse: collapse; font-size: 10.5pt; }
  #wh-print table.mn-week th { text-align: left; font-size: 8.5pt; letter-spacing: .08em; text-transform: uppercase; color: #444; border-bottom: 1px solid #000; padding: 2pt 4pt; }
  #wh-print table.mn-week td { border-bottom: 1px solid #bbb; padding: 6pt 4pt; vertical-align: top; }
  #wh-print table.mn-week tr { break-inside: avoid; page-break-inside: avoid; }
  #wh-print table.mn-week .mn-when { white-space: nowrap; font-family: var(--wh-print-mono, "WH Print Mono", "Courier New", ui-monospace, monospace); font-size: 9pt; }
  #wh-print table.mn-week .mn-box-cell { width: 1in; }
  #wh-print table.mn-week .mn-grade { width: 1.1in; white-space: nowrap; font-family: var(--wh-print-mono, "WH Print Mono", "Courier New", ui-monospace, monospace); font-size: 9.5pt; color: #444; }
  #wh-print table.mn-week .mn-note-cell { width: 1.8in; }
  #wh-print table.mn-week .mn-blank-row td { height: .4in; }
  #wh-print .mn-key { margin-top: 12pt; }

  /* This room's body is a plain block already; the booklet pages carry their own face. */
  #wh-print .mn-book h1, #wh-print .mn-book h2 { font-family: inherit; }
}
