/* Printer test page. On screen the sheet sits on the bench like a sheet of
   paper, white with exact ink colors in dark mode too. On paper only the
   sheet prints: 190 mm wide with 8 mm padding, so its SVGs (174 mm of
   content, 1 unit = 1 mm) draw lines at their stated point widths, and it
   fits one page of Letter or A4 inside 10 mm margins. The page also loads
   display-core.css (its template's head block) for the shared .dc-* parts. */

.ptp-paper { overflow-x: auto; padding: clamp(10px, 3vw, 24px); border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--sunk); }
.ptp-sheet { position: relative; display: grid; gap: 4.5mm; width: 100%; max-width: 190mm; margin: 0 auto; padding: 8mm; border: .5pt solid #000; background: #fff; color: #000; box-shadow: 0 1px 3px rgba(0, 0, 0, .18), 0 8px 24px rgba(0, 0, 0, .12); font-family: var(--f-body); }
.ptp-head { display: flex; flex-wrap: wrap; gap: 1mm 6mm; align-items: baseline; justify-content: space-between; padding-bottom: 2mm; border-bottom: .5pt solid #000; }
.ptp-head p { margin: 0; }
.ptp-title { font: 600 14pt/1.2 var(--f-body); }
.ptp-meta { font: 400 7.5pt/1.3 var(--f-mono); }
.ptp-part { display: grid; gap: 1.5mm; min-width: 0; }
.ptp-h { margin: 0; font: 600 9pt/1.2 var(--f-body); }
.ptp-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8mm; }
.ptp-svg { display: block; width: 100%; height: auto; overflow: visible; }
.ptp-svg text { fill: #000; font: 500 2.8px var(--f-body); }
.ptp-svg text.ptp-small { font-size: 2.1px; }
.ptp-text p { margin: 0; overflow: hidden; line-height: 1.3; white-space: nowrap; }
.ptp-text b { font-weight: 600; }
.ptp-mark { position: absolute; width: 6mm; height: 6mm; }
.ptp-mark.is-tl { top: 1mm; left: 1mm; }
.ptp-mark.is-tr { top: 1mm; right: 1mm; }
.ptp-mark.is-bl { bottom: 1mm; left: 1mm; }
.ptp-mark.is-br { right: 1mm; bottom: 1mm; }

@page { size: auto; margin: 10mm; }
@media print {
  html, body { background: #fff !important; }
  .site-header, .site-footer, .skip, .toast, .support { display: none !important; }
  main.wrap { display: block !important; max-width: none; margin: 0; padding: 0; }
  main.wrap > :not(#tool) { display: none !important; }
  #tool { display: block; padding: 0; border: 0; border-radius: 0; background: none; }
  #tool > :not(.ptp-paper) { display: none !important; }
  .ptp-paper { overflow: visible; padding: 0; border: 0; border-radius: 0; background: none; }
  .ptp-sheet { width: 190mm; max-width: none; margin: 0; box-shadow: none; break-inside: avoid; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}