/* ══════════════════════════════════════════════════════════════════
   print.css — the PDF answer.

   No PDF writer ships here. The browser already has one, it produces
   real vector type and selectable text, and it cannot emit a malformed
   file. All this stylesheet has to do is get the furniture out of the
   way and let the panels flow down a page.

   The 3D canvas prints as-is: browsers rasterise a WebGL canvas for
   print, and the ⇩ SHEET button exists for anyone who wants the
   composed image instead.
   ══════════════════════════════════════════════════════════════════ */
@media print {
  html, body { height: auto; overflow: visible; background: #fff; color: #111; }
  #vig, #tags, #topbar, #btabs, #coach, #dock, #hud, .screen, #bpresets,
  .macts, .mtable, #bquality { display: none !important; }

  #gl { position: static; width: 100%; height: 42vh; break-inside: avoid; }

  #bench { position: static; display: block; }
  .bpanel {
    position: static; width: auto !important; max-height: none;
    border: 1px solid #ccc; background: #fff; margin: 0 0 10mm;
    padding: 6mm; break-inside: avoid; overflow: visible;
  }
  #bverdict {
    position: static; transform: none; width: auto; background: #fff;
    border: 1px solid #ccc; margin: 0 0 8mm; padding: 5mm;
  }

  .bv-text, .bg-label, .ptell, .mdesc, .mcap { color: #333; }
  .bv-text b, .pval, .bmetrics em, #bg-components td.g { color: #000; }
  .pname, .bhead, .bmetrics span, #bg-components td { color: #444; }
  .bg-grade { color: #000; }
  .chip, .wbadge { border-color: #999; color: #333; }
  .bdis { color: #555; border-top: 1px solid #ccc; }

  /* The map images are the point of printing; make them big enough to read. */
  .mapstrip { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6mm; overflow: visible; }
  .mapcell { width: auto; }
  .mapcell canvas { width: 100%; height: auto; aspect-ratio: 1; }
  .mdesc { display: block; }

  /* A slider handle means nothing on paper — the value and the reading do. */
  .ptrack { display: none; }
  .prow { break-inside: avoid; margin-bottom: 2mm; }

  @page { margin: 14mm; }
}