/* ============================================================
   print.css — loaded with media="print" only.
   Everything on screen is hidden; #printRoot holds A4 pages.
   ============================================================ */
@page{ size:A4 portrait; margin:10mm; }

html,body{
  background:#fff !important; background-image:none !important;
  margin:0 !important; padding:0 !important; color:#000 !important;
  font-size:12pt;
}
body > *{ display:none !important; }
body > #printRoot{ display:block !important; }

#printRoot .sheet{
  width:auto !important; min-height:265mm; margin:0 !important; border:0 !important;
  box-shadow:none !important; transform:none !important; page-break-after:always; break-after:page;
  display:flex; flex-direction:column;
}
#printRoot .sheet:last-child{ page-break-after:auto; break-after:auto; }
/* keep the same 6mm inner gutter as the on-screen sheet so a row sized
   178mm wide lands identically on paper (10mm page margin + 6mm gutter) */
#printRoot .sheet .s-in{ padding:0 6mm !important; flex:1; }
#printRoot .sheet .s-foot{
  position:static !important; left:auto; right:auto; bottom:auto; margin-top:6mm;
  color:#888 !important;
}
#printRoot .sheet h2.s-title{ font-size:22pt; }
#printRoot .sheet .s-how{ font-size:11pt; color:#333 !important; }

/* keep learning blocks whole */
#printRoot .trow, #printRoot .wrow, #printRoot .cell, #printRoot .lettercard,
#printRoot .qrow, #printRoot .bin, #printRoot .s-block{
  break-inside:avoid; page-break-inside:avoid;
}

/* ink-friendly: no fills, no colour blobs, crisp guides */
#printRoot .wbox, #printRoot .cell.dash{ border-color:#999 !important; background:#fff !important; }
#printRoot .wbox input{ color:#000 !important; -webkit-text-fill-color:#000 !important; }
#printRoot .pixgrid div{ border-color:#999 !important; background:#fff !important; }
#printRoot .no-print{ display:none !important; }
#printRoot .print-only{ display:block !important; }

/* colour that must survive (legend chips, letter ink) */
#printRoot *{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }
