/* The one page PDF. Loaded with media="print", so it never affects the screen.

   Produced by the browser print path rather than a JavaScript PDF library:
   correct Instrument Sans rendering, no dependency, nothing to maintain
   across three tools. The cost is that the person names the file themselves
   in their own print dialogue. */

@page {
  size: A4;
  margin: 18mm;
}

/* Everything that is not the result comes off the page.
   r-estimate-note goes too: it tells the reader to open the panel below,
   and in print there is no panel below. A dangling instruction on a page
   headed for a board is worse than the missing line.

   r-prepared goes too: it names the school for the screen, and the print
   header block above already carries that name. Printing both says it twice. */
#intro,
#inputs,
#adjust,
#capture,
#r-estimate-note,
#r-prepared,
button,
nav,
footer {
  display: none !important;
}

.print-only { display: block !important; }

body {
  background: #FAFAF8;
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
}

.wrap {
  max-width: none;
  padding: 0;
}

.section {
  padding-top: 0;
  padding-bottom: 0;
}

/* The stack gaps are sized for a screen. Tighten them so the result,
   the table and the interpretation all land on one page. */
.stack { gap: 10px !important; }
.stack-lg { gap: 14px !important; }
.stack-xl { gap: 18px !important; }

#print-head {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--subtle-gray);
}

#print-head p { margin: 0 0 2px 0; }

/* The headline number stays signal red. print-color-adjust above is what
   keeps it from printing as grey. */
.t-number {
  font-size: 48px !important;
  line-height: 1 !important;
}

.data-table th,
.data-table td {
  padding: 6px 10px;
  font-size: 11px;
}

.table-wrap { overflow: visible; }

/* Nothing in the result may break across a page. */
table, tr, .data-table { page-break-inside: avoid; }
#result { page-break-inside: avoid; }