/* Named page — must be outside @media print */
@page slide-page {
  size: A4 landscape;
  margin: 0;
}

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

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

  /*
   * globals.css sets html,body { height:100%; overflow:hidden; background:#0a0a1a }.
   * In print mode that clips all content to one viewport height and renders a black
   * background. Override everything here.
   */
  html, body {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: #ffffff !important;
    color: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-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;
    overflow: visible !important;
  }

  /*
   * Block wrapper: carries the height AND the page break.
   * height:210mm on display:block is reliable in both Chrome and Firefox.
   */
  .print-page-break {
    page: slide-page;
    display: block !important;
    width: 297mm !important;
    height: 210mm !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* New page before every slide except the first */
  .print-page-break + .print-page-break {
    break-before: page !important;
    page-break-before: always !important;
  }

  /* Flex container fills the block wrapper */
  .print-page {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    margin: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    -webkit-print-color-adjust: exact;
    -moz-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}