/* E-book reader embed (.p-ebook-reader) — the standalone interactive reader
   (public/e-books/<slug>/reader.html) framed by the site header + footer.
   The fixed .c-header floats over page content, so the wrapper reserves its
   height; the frame fills the rest of the first viewport and the footer
   follows in normal flow. The reader owns everything inside the frame
   (its own 100svh app grid, drawers, dark mode). Tokens only. */

.p-ebook-reader {
  padding-top: 72px;
  background: var(--color-grey-50);
}

.p-ebook-reader__frame {
  display: block;
  width: 100%;
  height: calc(100svh - 128px);
  border: 0;
}