/* The printed index cards (UX plan item 2). Loaded for print only. These are physical sizes (inches and points) on purpose: a card is 5 by 3 inches whatever the screen. */
body.printing-cards > *:not(#print-sheet) { display: none !important; }
body.printing-cards { background: #fff !important; overflow: visible !important; height: auto !important; }
body.printing-cards #print-sheet { display: grid; gap: 0.2in; justify-content: start; background: #fff; color: #111; font-family: Georgia, 'Times New Roman', serif; }
@page { size: letter portrait; margin: 0.5in; }
#print-sheet .ix { width: 5in; height: 3in; padding: 0.16in 0.2in; border: 1.5px solid #111; border-radius: 0.06in; overflow: hidden; background: #fff; color: #111; break-inside: avoid; page-break-inside: avoid; font-size: 10.5pt; line-height: 1.32; }
#print-sheet .ix h2 { margin: 0; font: 700 12pt/1.2 system-ui, sans-serif; color: #111; }
#print-sheet .ix .sec { margin: 0; font: 9pt/1.3 system-ui, sans-serif; color: #333; }
#print-sheet .ix .qq { margin: 0.05in 0 0.06in; font-style: italic; font-size: 9.5pt; color: #222; border-bottom: 1px solid #999; padding-bottom: 0.04in; }
#print-sheet .ix .tt { white-space: pre-wrap; overflow-wrap: anywhere; }
#print-sheet .ix .tt.empty { color: #444; font-style: italic; }

/* The printed session sheet (UX plan item 11): plain black on white, as the first page a game master reads at the table. */
body.printing-sheet > *:not(#print-sheet) { display: none !important; }
body.printing-sheet { background: #fff !important; overflow: visible !important; height: auto !important; }
body.printing-sheet #print-sheet { display: block; background: #fff; color: #111; font-family: Georgia, 'Times New Roman', serif; font-size: 11pt; line-height: 1.4; }
#print-sheet .rs h1 { font: 700 18pt/1.2 system-ui, sans-serif; margin: 0 0 8pt; }
#print-sheet .rs h3 { font: 700 12pt/1.2 system-ui, sans-serif; margin: 12pt 0 3pt; border-bottom: 1px solid #888; padding-bottom: 2pt; break-after: avoid; }
#print-sheet .rs ul { margin: 0 0 6pt; padding-left: 16pt; }
#print-sheet .rs li { margin: 0 0 3pt; break-inside: avoid; }
#print-sheet .rs p { margin: 0 0 4pt; }
#print-sheet .rs .rs-clock { font-size: 12pt; break-inside: avoid; }