html,
body {
  margin: 0;
  padding: 0;
  background: white;
}

#print-root > .page {
  width: 8.5in;
  height: 11in;
  margin: 0 auto;
  break-after: page;
  page-break-after: always;
}

#print-root > .page:last-child {
  break-after: auto;
  page-break-after: auto;
}

@media screen {
  body {
    background: #dfe7ef;
    padding: 0.25in 0;
  }

  #print-root > .page {
    margin-bottom: 0.25in;
  }
}

@media print {
  body {
    background: white;
  }

  /* Export only the Director Screen pages. UI injected beside the print root,
     including the account widget, must not appear in downloaded PDFs. */
  body > *:not(#print-root) {
    display: none !important;
  }

  .page {
    border: none;
    margin: 0;
  }
}


/* Screen-only export control. The account dropdown remains available for navigation. */
.download-pdf-button {
  position: fixed;
  top: 0.25in;
  left: 0.25in;
  z-index: 10000;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #171717;
  border-radius: 6px;
  background: #222222;
  color: #ffffff;
  font: 700 14px/1 Aptos, "Segoe UI", Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.22);
}

.download-pdf-button:hover {
  background: #383838;
}

.download-pdf-button:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 2px;
}

@media print {
  @page {
    size: letter portrait;
    margin: 0.06in;
  }

  /* A narrow unprinted page margin creates the requested white PDF border. */
  #print-root > .page {
    width: 8.38in;
    height: 10.88in;
  }

  .download-pdf-button {
    display: none !important;
  }
}