@page { size: letter landscape; margin: 0.4in; }

* { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
html, body { background: #fff !important; height: auto; }
#app { display: none !important; }

#print-sheet { display: block !important; width: 10.2in; }
.print-header {
  display: flex; justify-content: space-between; align-items: flex-start; gap: 16px;
  height: 0.7in; overflow: hidden; border-bottom: 1px solid #999; margin-bottom: 0.05in;
}
.print-header .abilities { margin-top: 4px; }
.print-header .ability { background: #eee; }
.print-title { font-size: 12px; color: #555; }
#print-sheet .chart-svg { width: 10.2in; height: 6.8in; }
/* Character notes: a strip under the chart, which gets shorter by the same amount
   (NOTES_H_IN in layout.js). Long notes are cut off after four lines. */
#print-sheet.with-notes .chart-svg { height: 6in; }
/* Portrait (PRINT_SIZES_IN in layout.js); print.js sets the @page size to match. */
#print-sheet.portrait { width: 7.7in; }
#print-sheet.portrait .chart-svg { width: 7.7in; height: 9.3in; }
#print-sheet.portrait.with-notes .chart-svg { height: 8.5in; }
.print-notes {
  box-sizing: border-box; height: 0.8in; padding-top: 0.05in; border-top: 1px solid #999;
  font: 9pt/1.3 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #111; white-space: pre-wrap;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; overflow: hidden;
}