/* Fit the whole printed page inside the available reading area. */
@media screen {
  .book-page-fit .excerpt-viewport,
  .book-page-fit .sample-reader-pages {
    height: var(--book-frame-height, 60svh);
    max-height: none;
    padding: 14px;
    overscroll-behavior: contain;
  }
  .book-page-fit:not(.is-zoomed):not(.is-text-view) .excerpt-viewport,
  .book-page-fit:not(.is-zoomed) .sample-reader-pages {
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
  }
  .book-page-fit:not(.is-zoomed):not(.is-text-view) .excerpt-page:not([hidden]) {
    display: grid;
    grid-template: minmax(0, 1fr) / minmax(0, 1fr);
    min-height: 0;
    margin: 0;
  }
  .book-page-fit:not(.is-zoomed):not(.is-text-view) .excerpt-page-visual,
  .book-page-fit:not(.is-zoomed) .sample-reader-page:not([hidden]) {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-width: none;
    margin: 0;
    background: transparent;
    box-shadow: none;
  }
  .book-page-fit:not(.is-zoomed):not(.is-text-view) .excerpt-page-visual img,
  .book-page-fit:not(.is-zoomed) .sample-reader-page img {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: contain;
    object-position: center;
  }
  .book-page-fit:not(.is-zoomed):not(.is-text-view) .excerpt-page-visual figcaption,
  .book-page-fit:not(.is-zoomed) .sample-reader-page figcaption {
    padding: 8px 12px 0;
    text-align: center;
    line-height: 1.6;
    background: transparent;
    border: 0;
  }
  @media (max-width: 740px) {
    .book-page-fit .excerpt-viewport,
    .book-page-fit .sample-reader-pages { padding: 10px; }
  }
  @media (max-height: 540px) {
    .book-page-fit .excerpt-toolbar:not([hidden]),
    .book-page-fit .sample-reader-toolbar:not([hidden]) { padding: 6px; gap: 6px; }
    .book-page-fit .excerpt-toolbar .excerpt-view-tools { flex-basis: auto; }
    .book-page-fit:not(.is-zoomed):not(.is-text-view) .excerpt-page-visual figcaption,
    .book-page-fit:not(.is-zoomed) .sample-reader-page figcaption { display: none; }
  }
}