/* The printable checklist. Screen looks like the sheet; print is one A4 portrait page. */
.sheet .checklist { margin: 0.2rem 0 1rem; }
.sheet .checklist-items { border-top: 0; }
.sheet .prose h2 { font-size: 1.125rem; margin: 1.4rem 0 0.4rem; }
.sheet .check label { min-height: 40px; padding: 6px 2px; font-size: 0.9375rem; }
.sheet .check .box { width: 20px; height: 20px; }
.sheet .check label { grid-template-columns: 20px 1fr; gap: 12px; }
.sheet .check input:checked + label .box::after { left: 5px; top: 1px; width: 5px; height: 10px; }

@page { size: A4 portrait; margin: 12mm; }
@media print {
  /* A driveway artefact: 12 pt type and 6 mm boxes a pen can hit, two columns that
     fill the sheet. Roughly 36 short items plus headings still make one page. */
  html, body { background: #fff !important; }
  body { font-size: 10pt; line-height: 1.2; color: #000; }
  .site-head, .site-foot, .print-tools, .checklist-foot, .skip { display: none !important; }
  .wrap { max-width: none; padding: 0; }
  .sheet { box-shadow: none; border: 0; border-radius: 0; padding: 0; margin: 0; max-width: none; background: none; }
  .sheet-head { display: flex; gap: 6mm; padding-bottom: 2mm; margin-bottom: 3mm; border-bottom: 1.5pt solid #000; break-after: avoid; }
  .sheet-logo { width: 24mm; margin-top: 1mm; }
  .sheet-head h1 { font-size: 17pt; color: #000; }
  .sheet-lede { font-size: 9pt; color: #333; margin-top: 1.5mm; }
  .sheet-body { column-count: 2; column-gap: 8mm; column-fill: balance; padding-bottom: 10mm; }
  .sheet .prose h2 { font-size: 10.5pt; margin: 2.5mm 0 1mm; padding-bottom: 0.8mm; border-bottom: 0.75pt solid #000; color: #000; break-after: avoid; }
  .sheet .prose h2:first-child { margin-top: 0; }
  .sheet .prose p { margin: 0 0 2mm; }
  .sheet .checklist { margin: 0 0 2mm; break-inside: auto; }
  .sheet .checklist-items { border-top: 0; }
  .sheet .check { border-bottom: 0; break-inside: avoid; }
  .sheet .check label { min-height: 0; padding: 1mm 0; grid-template-columns: 5.5mm 1fr; gap: 2mm; font-size: 10pt; line-height: 1.2; align-items: center; }
  .sheet .check .box { width: 5.5mm; height: 5.5mm; border: 1.1pt solid #000; border-radius: 0.8mm; background: #fff !important; margin-top: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .sheet .check input:checked + label .box::after { display: none; }
  .sheet .check input:checked + label .check-text { color: #000; }
  .sheet-foot { position: fixed; bottom: 0; left: 0; right: 0; margin: 0; padding-top: 2mm; border-top: 0.75pt solid #000; font-size: 9pt; color: #333; display: flex; gap: 6mm; align-items: center; }
  .sheet-foot img { width: 16mm; }
  .callout { border: 0.75pt solid #000; background: none; padding: 2mm 3mm 0; margin: 2mm 0; break-inside: avoid; border-radius: 1mm; }
  .callout-lead svg { width: 4.5mm; height: 4.5mm; stroke: #000; }
  .callout-label { color: #000; font-size: 8pt; }
}
