/* Printable one-page report. On screen the report is hidden; when printing,
   everything else is hidden and the report fills one page. */

.report { display: none; }

@media print {
  @page { size: auto; margin: 11mm 12mm; }
  html, body { height: auto !important; overflow: visible !important; background: #fff !important; color: #111 !important; }
  body { font: 9pt/1.4 "IBM Plex Sans", Arial, sans-serif; }
  .app, dialog, .toast, .pop, .menu, .caption { display: none !important; }
  .report { display: block !important; color: #111; }

  .rp-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 12mm; border-bottom: 1.2pt solid #111; padding-bottom: 2.5mm; margin-bottom: 3mm; }
  .rp-kicker { font: 600 7.5pt "IBM Plex Sans Condensed", Arial, sans-serif; letter-spacing: .16em; text-transform: uppercase; color: #666; }
  .rp-head h1 { margin: 1mm 0 0; font: 600 14pt "IBM Plex Sans Condensed", Arial, sans-serif; overflow-wrap: anywhere; }
  .rp-meta { text-align: right; font: 500 8pt "IBM Plex Mono", Consolas, monospace; color: #444; white-space: nowrap; }
  .rp-fig { margin: 0 0 2.5mm; }
  .rp-fig svg { width: 100%; height: auto; display: block; }
  .rp-reading { margin: 0 0 3mm; padding: 2mm 3mm; border-left: 2pt solid #111; background: #f4f4f4; font-size: 9.5pt; }
  .rp-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 6mm; }
  .rp-cols h2 { margin: 0 0 1.5mm; font: 600 8pt "IBM Plex Sans Condensed", Arial, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #333; }
  .rp-cols h2:not(:first-child) { margin-top: 3.5mm; }
  .rp-table { width: 100%; border-collapse: collapse; font-size: 7.6pt; }
  .rp-table th { text-align: left; font: 600 6.8pt "IBM Plex Sans Condensed", Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #555; border-bottom: .8pt solid #111; padding: .8mm 1mm; }
  .rp-table td { border-bottom: .4pt solid #ccc; padding: .7mm 1mm; vertical-align: top; }
  .rp-table td.n { text-align: right; font-family: "IBM Plex Mono", Consolas, monospace; white-space: nowrap; }
  .rp-table td.sym { font: 600 8.5pt "IBM Plex Sans Condensed", Arial, sans-serif; white-space: nowrap; }
  .rp-table td.sym.fit { font-style: italic; }
  .rp-steps { margin: 0; padding-left: 0; list-style: none; font-size: 7.8pt; }
  .rp-steps li { margin-bottom: 1.2mm; }
  .rp-steps .ev { font: 500 7pt "IBM Plex Mono", Consolas, monospace; color: #444; }
  .rp-foot { margin-top: 3mm; padding-top: 2mm; border-top: .6pt solid #999; font-size: 6.8pt; color: #555; line-height: 1.45; }
  tr, li, figure { break-inside: avoid; }
}