@page letter-page { size: letter portrait; margin: 0; }
@page half-letter-page { size: 5.5in 8.5in; margin: 0; }
@page booklet-spread { size: letter landscape; margin: 0; }

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

body { background: #fff; }
.no-print { display: none !important; }
main { width: auto; margin: 0; padding: 0; }
.print-root { display: block; }

.print-root .document-page {
  page: letter-page;
  width: 8.5in;
  height: 11in;
  min-height: 11in;
  aspect-ratio: auto;
  margin: 0;
  padding: .65in;
  overflow: visible;
  box-shadow: none;
  break-after: page;
  page-break-after: always;
}

.print-root .document-page[data-page="half-letter"],
.print-root .document-page[data-page="half-letter-large"] {
  page: half-letter-page;
  width: 5.5in;
  height: 8.5in;
  min-height: 8.5in;
  padding: .42in;
}

.print-root .page-footer { left: .65in; right: .65in; bottom: .3in; }
.print-root .document-page[data-page="half-letter"] .page-footer,
.print-root .document-page[data-page="half-letter-large"] .page-footer {
  left: .42in;
  right: .42in;
  bottom: .2in;
}

.print-root[data-print-mode="booklet"] { display: block; }
.print-root .print-spread {
  page: booklet-spread;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 11in;
  height: 8.5in;
  break-after: page;
  page-break-after: always;
}

.print-root .print-spread .document-page {
  page: auto;
  width: 5.5in;
  min-height: 8.5in;
  height: 8.5in;
  padding: .42in;
  break-after: auto;
  page-break-after: auto;
}

.print-root .blank-page { background: #fff; }