@import url("./reading-fonts.750936d36f5e.css");

/* Shared body typography for reading, authoring, and read-only previews. */
.reader-body {
  --reader-size: 20px;
  --reader-leading: 2;
  --reader-paragraph-gap: 1.3;
  position: relative;
  color: var(--ink);
  font-family: var(--font-reading);
  font-size: var(--reader-size);
  line-height: var(--reader-leading);
  overflow-wrap: anywhere;
}
.reader-body :where(p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, table, figure, pre),
.reader-paragraph {
  margin-block: calc(var(--reader-paragraph-gap) * var(--reader-size));
}
.reader-paragraph > :first-child { margin-top: 0; }
.reader-paragraph > :last-child { margin-bottom: 0; }
.reader-body p { text-align: justify; text-indent: 2em; }
.reader-body img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.2em auto;
}
.reader-body :where(strong, b) { font-weight: 700; }
.reader-body .font-song { font-family: var(--font-reading); }
.reader-body .font-kai {
  font-family: var(--font-kai), var(--font-reading);
  font-synthesis: weight style;
}
.reader-body :where(h1, h2, h3, h4, h5, h6) { font-family: inherit; }
.reader-body h1 { font-size: 1.5em; }
.reader-body h2 { font-size: 1.3em; }
.reader-body h3 { font-size: 1.15em; }
.reader-body :where(h4, h5, h6) { font-size: 1em; }

/* Headings are shared by reader pages and the author workspace. */
.reader-chapter-heading {
  position: relative;
  margin: 34px 0 28px;
  text-align: center;
}

.reader-chapter-heading h1 {
  max-width: 100%;
  margin: 0;
  overflow-wrap: anywhere;
  font-family: var(--font-reading);
  font-size: var(--text-reading-title);
  font-weight: var(--weight-strong);
  line-height: var(--leading-heading);
}

.reader-volume-label {
  margin: 0 0 5px;
  color: var(--muted);
  font-size: var(--text-meta);
}

@media (max-width: 650px) {
  .reader-chapter-heading {
    margin-top: 26px;
    margin-bottom: 23px;
  }

}