@media screen {
  body { background: #d1d5db; }
}

@media print {
  @page {
    size: A4 landscape;
    margin: 0;
  }

  html, body {
    margin: 0 !important;
    padding: 0 !important;
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  * {
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .no-print {
    display: none !important;
  }

  .print-deck-wrapper {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
  }

  /* Block wrapper handles page breaks — flex containers break unreliably in Chrome */
  .print-page-break {
    display: block !important;
    page-break-after: always !important;
    break-after: page !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .print-page-break:last-child {
    page-break-after: auto !important;
    break-after: auto !important;
  }

  /* Flex container for internal layout only — no break properties here */
  .print-page {
    width: 297mm !important;
    height: 210mm !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
}