/* Only document work pages load this stylesheet and the pinned Swiper library. */
.document-viewer { margin: 0 0 36px; }
.document-viewport { width: 100%; max-width: 980px; margin: 0 auto; }
.document-viewer .document-page { display: block; margin: 0 0 24px; }
.document-viewer .document-page img { display: block; width: auto; max-width: 100%; max-height: none; height: auto; margin: 0 auto; object-fit: contain; }
.document-viewer.is-enhanced .document-page { margin: 0; }
.document-controls { display: contents; }
.document-controls[hidden] { display: none; }
.document-viewport .swiper-button-prev, .document-viewport .swiper-button-next { border: 0; padding: 0; background-color: transparent; }
.document-viewport .swiper-pagination { bottom: 10px; left: 0; width: 100%; }
.document-viewport .swiper-pagination-bullet { border: 0; padding: 0; margin: 0 5px; }
.document-viewport:focus-visible, .document-viewer button:focus-visible { outline: 2px solid #626262; outline-offset: 3px; }
.document-viewport .swiper-button-disabled { cursor: default; }
/* The slide itself is the paper window, so Swiper's size and hit geometry agree.
   Unenhanced and printed documents continue to show the full original image. */
@media screen {
  .document-viewer.is-enhanced.has-paper-window .document-page {
    position: relative; overflow: hidden; aspect-ratio: var(--document-visible-ratio);
  }
  .document-viewer.is-enhanced.has-paper-window .document-page img {
    position: absolute; left: var(--document-image-left); top: var(--document-image-top);
    width: var(--document-image-width); max-width: none; height: auto; margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .document-viewer.is-enhanced .document-viewport {
    max-width: var(--document-fit-width, 100%);
    scroll-margin-top: var(--document-scroll-gap, 0px);
  }
  .document-viewer.is-enhanced .document-page img { width: 100%; }
}
@media print {
  .document-viewport { overflow: visible; }
  .document-track { display: block; transform: none !important; height: auto !important; }
  .document-viewer .document-page { width: 100% !important; margin-bottom: 24px; }
  .document-controls { display: none; }
}