/* prov: 2026-10-19 claude-fable-5-1 drafted (print wiring) | fable_review: pending */
/* vocab-print.css — the Vocabularium's own printed 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. Here, under #wh-print (display:none on screen): the spelling
   sheet (a word, then three ruled blanks to copy it: the Logic of English pattern), the
   dictation test and its key, a word sheet (headword, gloss, the sentence it was met in),
   and the blank word-study page. The one screen rule is the print bar itself. */

/* the print bar on screen: a row of buttons under a list, shown once the layer is here */
.vp-bar { margin-top: 14px; padding-top: 10px; border-top: 1px solid #e0d5c0; font-size: 14px; }
.vp-bar .vp-lab { display: block; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #6f6046; margin-bottom: 6px; }
.vp-bar button { font-family: inherit; font-size: 13px; padding: 4px 12px; margin: 0 4px 6px 0; border: 1px solid #e0d5c0; background: #fffdf8; color: #2b2115; border-radius: 4px; cursor: pointer; }
.vp-bar button:hover { border-color: #7a2e1d; }
.vp-bar .vp-note { display: block; font-size: 12px; color: #6f6046; margin-top: 2px; }
.vp-bar .vp-note a { color: #7a2e1d; }

/* a word sheet */
#wh-print .vp-group { font-variant: small-caps; letter-spacing: .08em; border-bottom: 1px solid #999; padding-bottom: .04in; margin: .22in 0 .1in; font-size: 12pt; break-after: avoid; page-break-after: avoid; }
#wh-print .vp-entry { margin: 0 0 .12in; break-inside: avoid; page-break-inside: avoid; }
#wh-print .vp-hw { font-weight: 700; font-size: 12pt; }
#wh-print .vp-hw .vp-rk { font-family: var(--wh-print-mono, "WH Print Mono", "Courier New", ui-monospace, monospace); font-weight: 400; font-size: 8.5pt; color: #444; margin-left: .1in; }
#wh-print .vp-def { font-size: 10pt; line-height: 1.4; margin: .02in 0 0 .25in; white-space: pre-line; }
#wh-print .vp-ctx { font-size: 9.5pt; line-height: 1.4; font-style: italic; margin: .03in 0 0 .25in; color: #222; }
#wh-print .vp-ctx .vp-where { font-style: normal; font-size: 8.5pt; color: #444; }
#wh-print .vp-intro { font-size: 10pt; color: #333; line-height: 1.45; margin: 0 0 .16in; }

/* the spelling sheet: the word, then three blanks to copy it */
#wh-print .vp-sp-head { display: flex; font-size: 8.5pt; letter-spacing: .08em; text-transform: uppercase; color: #444; margin-bottom: .06in; }
#wh-print .vp-sp { display: flex; align-items: flex-end; gap: .15in; height: .42in; break-inside: avoid; page-break-inside: avoid; }
#wh-print .vp-sp-w, #wh-print .vp-sp-head .vp-sp-w { flex: 0 0 1.7in; font-size: 12.5pt; line-height: 1.2; overflow-wrap: anywhere; }
#wh-print .vp-sp-b, #wh-print .vp-sp-head .vp-sp-b { flex: 1 1 0; border-bottom: 1px solid #999; height: .34in; }
#wh-print .vp-sp-head .vp-sp-b { border: 0; height: auto; }
#wh-print .vp-sp-w { font-weight: 700; padding-bottom: .04in; }

/* the dictation test: numbered lines, and the key */
#wh-print .vp-dict { columns: 2; column-gap: .5in; }
#wh-print .vp-dict .vp-dl { display: flex; align-items: flex-end; gap: .1in; height: .42in; break-inside: avoid; page-break-inside: avoid; }
#wh-print .vp-dict .vp-n, #wh-print .vp-key .vp-n { font-family: var(--wh-print-mono, "WH Print Mono", "Courier New", ui-monospace, monospace); font-size: 9pt; color: #444; width: .3in; flex: 0 0 auto; }
#wh-print .vp-dict .vp-l { flex: 1 1 0; border-bottom: 1px solid #999; height: .3in; }
#wh-print .vp-key { columns: 3; column-gap: .4in; font-size: 11pt; line-height: 1.6; }
#wh-print .vp-key .vp-k { break-inside: avoid; page-break-inside: avoid; }

/* the blank word-study page */
#wh-print .vp-study { font-size: 10pt; }
#wh-print .vp-study .vp-lab { display: block; font-size: 8.5pt; letter-spacing: .1em; text-transform: uppercase; color: #444; margin: .14in 0 .02in; }
#wh-print .vp-study .vp-line { border-bottom: 1px solid #999; height: .34in; }
#wh-print .vp-study .vp-line.big { height: .5in; border-bottom-width: 1.5px; }
#wh-print .vp-study .vp-two { display: flex; gap: .4in; }
#wh-print .vp-study .vp-two > div { flex: 1 1 0; }
#wh-print .vp-study .vp-side { display: flex; gap: .3in; align-items: stretch; }
#wh-print .vp-study .vp-side > div { flex: 1 1 0; }
#wh-print .vp-study .vp-box { flex: 0 0 2.6in; height: 2.6in; border: 1px solid #000; display: flex; align-items: flex-end; justify-content: flex-end; padding: .06in; font-size: 8.5pt; color: #666; margin-top: .14in; }
#wh-print .vp-study .vp-foot { font-size: 8.5pt; color: #444; margin-top: .3in; }