/* The eRaticators on paper (US letter): no board, no textures, black on white, stat blocks and callouts kept whole. */
@page { size: letter portrait; margin: .6in; }
html, body { background: #fff !important; color: #000; }
body { font-size: 11pt; }
.site-nav, .site-footer, .reveal-links, .admin-links, .sheet__rivet, .sheet::before, .stamp, .pin__tack, .note__pin, .ornament, .theme-toggle, .letter__seal { display: none !important; }
main.board { padding: 0; }
.sheet, .letter { max-width: none; margin: 0; padding: 0; color: #000; background: #fff; box-shadow: none; transform: none; border-radius: 0; }
.sheet__title, .letter__title { color: #000; text-shadow: none; font-size: 20pt; }
.prose { font-size: 10.5pt; line-height: 1.32; }
.prose a { color: #000; text-decoration: none; }
.prose h2 { color: #000; border-bottom: 1.5pt solid #000; font-size: 13pt; }
.prose h2::after { display: none; }
.prose h3 { color: #000; }
.prose img { border: 1px solid #888; box-shadow: none; }
.prose th { background: #ddd; color: #000; border-color: #000; }
.prose td { border-color: #888; }
.prose tbody tr:nth-child(even) td { background: #f2f2f2; }
.prose table, .callout, .statblock, figure, details, .seat { break-inside: avoid; }
.callout, .statblock { background: #fff; box-shadow: none; border-color: #000; }
.statblock::before { background: #000; height: 3px; }
.sb-name, .sb-section h4, .sb-core strong, .sb-props strong, .sb-abilities tbody th { color: #000; }
.sb-core, .sb-abilities, .sb-props, .sb-section h4, .sb-abilities { border-color: #000; }
.dossier { display: block; }
.dossier__portrait { float: left; width: 2in; margin: 0 .25in .1in 0; }
.pin { transform: none; box-shadow: none; border: 1px solid #888; background: #fff; padding: .05in; }
.pin figcaption { color: #000; }
.dossier__file { color: #000; }
.sheet--handout .sheet__body { column-count: 2; column-gap: .3in; column-rule: 1px solid #aaa; }
.sheet--handout .sheet__body table { column-span: all; }
.seats { display: block; } .seat { margin-bottom: .15in; background: #fff; border-color: #888; box-shadow: none; }
.seat__portrait { transform: none; box-shadow: none; border: 1px solid #888; background: #fff; }

/* Session kits (templates/session.html.j2): every part of the session starts a new page, the maps print full width in black and white,
 * and the screen links are dropped. The same rules preview on screen in the printer-friendly view (?print, html.print-view). */
.sheet--session .prose > h2:not(:first-of-type) { break-before: page; }
.sheet--session .statblock { break-inside: auto; }                      /* a boss block can run past a page; let it */
.sheet--session .sheet__summary { color: #000; }
.sheet--session .prose h3, .sheet--session .prose h4 { break-after: avoid; }
.sheet--session .prose tr, .sheet--session .prose li { break-inside: avoid; }
.session-map { margin: 0 auto .15in; max-width: 6.6in; break-inside: avoid; }
.session-map svg { display: block; width: 100%; height: auto; max-height: 8.6in; filter: grayscale(1) contrast(1.1); }
.session-map figcaption { font-size: 9pt; color: #000; }
.callout { border: 1.5pt solid #000; }
.session-tools__print-view { display: none; }
@media print { .session-tools { display: none !important; } }
@media screen {
  html.print-view main.board { max-width: 8.5in; margin: .3in auto; padding: .6in; background: #fff; box-shadow: 0 0 0 1px #999, 0 6px 18px rgba(0, 0, 0, .25); }
  html.print-view .session-tools { display: flex; gap: 1rem; align-items: center; }
}