/* One root size for the parlor books.
   Type, gaps, marks, and cards are in rem, so they follow this size.
   book-scale.js writes the same size, at most once a second.
   Until that script runs, the clamp below is the size. */
html {
  font-size: clamp(15px, 0.5rem + 1.4vmin, 22px);
}

body {
  font-size: 1rem;
}

.app {
  container-type: inline-size;
  container-name: book;
}

dialog {
  max-width: calc(100vw - 1.5rem);
  max-height: calc(100vh - 2rem);
  overflow: auto;
}