/* One continuous introduction and reading, without a sidebar or disclosure. */
.book-introduction > h2 {
  margin: 0 0 22px;
  font-size: 29px;
}

.book-reading {
  margin-block-start: 45px;
  padding-block-start: 37px;
  border-block-start: 1px solid var(--ink);
}

.book-reading > h2 {
  margin: 0 0 30px;
  font-size: clamp(30px, 3.8vw, 44px);
  font-weight: 700;
  line-height: 1.8;
  scroll-margin-top: 28px;
}

.book-reading--featured > h2 {
  max-width: 780px;
  margin: 0 auto 36px;
  font-size: clamp(29px, 3.6vw, 42px);
  font-weight: 750;
  text-align: center;
  text-wrap: balance;
}

.book-reading--featured > .book-spoiler-note {
  margin: 0 0 42px;
  padding: clamp(22px, 3vw, 32px);
  border-inline-start: 6px solid var(--accent);
  background: var(--accent-soft);
  color: var(--ink);
  font-size: 16px;
  line-height: 2.2;
}

.book-reading--featured > .book-spoiler-note p {
  margin: 0 0 1em;
}

.book-reading--featured > .book-spoiler-note p:last-child {
  margin-block-end: 0;
}

.book-hero--featured .book-hero-quote {
  margin-block: 0;
  margin-inline: 0;
  padding: 0;
  border: 0;
  background: none;
  font-size: 16px;
  line-height: 2.25;
}

.book-hero--featured .book-hero-quote p {
  margin: 0;
}

.book-hero--featured .book-hero-quote cite {
  display: block;
  margin-block-start: 12px;
  color: var(--muted);
  font-size: 13px;
  font-style: normal;
  line-height: 2;
}

.book-hero--featured figure {
  min-width: 0;
  margin: 0;
}

.book-hero--featured figcaption {
  margin-block-start: 14px;
  color: var(--muted);
  font-size: 12px;
  line-height: 2.1;
  overflow-wrap: break-word;
}

.book-reading .prose h3 {
  margin: 42px 0 18px;
  font-size: 25px;
  font-weight: 650;
  line-height: 1.9;
  scroll-margin-top: 28px;
}

.book-reading .prose > h3:first-child {
  margin-block-start: 0;
}

.reading-anchor {
  display: block;
  height: 0;
  scroll-margin-top: 28px;
}

@media (max-width: 760px) {
  .book-introduction > h2 { font-size: 25px; }
  .book-reading { margin-block-start: 32px; padding-block-start: 28px; }
  .book-reading > h2 { font-size: 29px; margin-block-end: 24px; }
  .book-reading .prose h3 { font-size: 23px; margin-block-start: 33px; }
  .book-reading--featured > h2 { margin-block-end: 28px; font-size: clamp(27px, 7.2vw, 32px); }
  .book-reading--featured > .book-spoiler-note { margin-block-end: 32px; padding: 20px 18px; font-size: 15px; }
  .book-hero--featured .book-hero-quote { font-size: 15px; }
  .book-hero--featured figcaption { margin-block-start: 11px; }
}

@media (forced-colors: active) {
  .book-reading--featured > .book-spoiler-note {
    border-color: CanvasText;
    background: Canvas;
    color: CanvasText;
  }
}

@media print {
  .book-reading { margin-block-start: 20pt; padding-block-start: 15pt; border-color: black; }
  .book-reading > h2 { font-size: 21pt; break-after: avoid; }
  .book-reading .prose h3 { font-size: 16pt; margin-block: 20pt 9pt; break-after: avoid; }
  .book-reading .prose :is(p, blockquote) { orphans: 3; widows: 3; }
  .book-reading--featured > h2 { max-width: none; margin-block-end: 20pt; font-size: 20pt; }
  .book-reading--featured > .book-spoiler-note { margin: 0 0 18pt; padding: 12pt; border: 1px solid black; background: white; color: black; font-size: 10pt; line-height: 2; break-inside: avoid; }
  .book-hero--featured .book-hero-quote { color: black; font-size: 12pt; line-height: 2; }
  .book-hero--featured .book-hero-quote cite { color: black; font-size: 10pt; }
  .book-hero--featured figcaption { color: black; font-size: 10pt; }
}