.reader-about-book {
  display: flow-root;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  margin: var(--s4) 0 var(--s6);
  padding: var(--s4);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--r2);
  color: var(--ink);
  font: 400 .9375rem/1.5 var(--sans);
  overflow-wrap: anywhere;
}
.reader-page.reader-bg-warm .reader-about-book { background: #EFE3C4; }
.reader-page .hero:has(> .reader-hero-actions) > .reader-about-book { grid-column: 1 / -1; margin: var(--s4) 0 0; }
.reader-about-book h2,
.reader-related h2 {
  margin: 0 0 var(--s3);
  font: 600 1.125rem/1.3 var(--sans);
  color: var(--ink);
}
.reader-about-book > img {
  float: right;
  width: 5.5rem;
  max-width: 30%;
  height: auto;
  margin: 0 0 var(--s3) var(--s3);
  border: 1px solid var(--line);
  border-radius: var(--r1);
}
.reader-intro { margin: 0 0 var(--s4); }
.reader-intro-label { margin: 0 0 var(--s2); color: var(--muted); font: 600 .8125rem/1.3 var(--sans); }
.reader-intro-text {
  max-width: var(--measure);
  margin: 0;
  padding: var(--s1) 0 var(--s1) var(--s3);
  border-left: 3px solid var(--line);
  color: var(--ink);
  font: 400 1rem/1.55 var(--serif);
}
.reader-intro-text p { margin: 0; }
.reader-intro-source { margin: var(--s2) 0 0; max-width: var(--measure); font-size: .8125rem; line-height: 1.4; }
.reader-facts-list { display: grid; gap: var(--s2); margin: 0; }
.reader-facts-list > div { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 var(--s4); min-width: 0; }
.reader-facts-list dt { color: var(--muted); font: 500 .8125rem/1.4 var(--sans); }
.reader-facts-list dd { margin: 0; min-width: 0; }
.reader-facts-list .reader-audiobook-list { margin: 0; padding: 0; list-style: none; }
.reader-audiobook-list > li { break-inside: avoid; }
.reader-about-book a,
.reader-related a {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  color: var(--ink);
}
.reader-intro-source a { display: inline; min-height: 0; padding-block: .9375rem; }

.reader-related {
  grid-column: -2 / -1;
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  margin: var(--s8) 0 0;
  padding-top: var(--s6);
  border-top: 1px solid var(--line);
  font: 400 .9375rem/1.4 var(--sans);
  overflow-wrap: anywhere;
}
.reader-related-list { display: grid; margin: 0 0 var(--s6); padding: 0; list-style: none; }
.reader-related-list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--s2);
  min-width: 0;
  border-bottom: 1px solid var(--line);
}
.reader-related-list li:last-child { border-bottom: none; }
.reader-related-list .muted { font-size: .8125rem; }

@media (min-width: 40rem) {
  .reader-about-book { padding: var(--s5) var(--s6); }
  .reader-about-book > img { width: 7.5rem; margin-left: var(--s5); }
  .reader-facts-list > div { grid-template-columns: 10rem minmax(0, 1fr); align-items: baseline; }
}
@media (min-width: 761px) {
  .reader-page .hero:has(> .reader-hero-actions) > .reader-about-book { grid-column: 2; }
}

@media (prefers-reduced-motion: no-preference) {
  .reader-about-book a, .reader-related a { transition: color var(--ui-time, 160ms) var(--ui-ease, ease); }
}
@media (prefers-reduced-motion: reduce) {
  .reader-about-book *, .reader-related * { transition: none !important; animation: none !important; }
}

.reader-about-related { display: none; margin: var(--s4) 0 0; }
.reader-about-related h3 { margin: var(--s3) 0 var(--s2); font: 600 1rem/1.3 var(--sans); color: var(--ink); }
.reader-about-related .reader-related-list { margin: 0 0 var(--s3); }

.reader-page .hero:has(> .reader-about-book[data-hero-cover="hidden"]) > .reader-hero-cover { display: none; }
.reader-page .hero:has(> .reader-hero-actions):has(> .reader-about-book[data-hero-cover="hidden"]) { grid-template-columns: minmax(0, 1fr); }
.reader-page .hero:has(> .reader-hero-actions):has(> .reader-about-book[data-hero-cover="hidden"]) > * { grid-column: 1; grid-row: auto; }

@media screen {
  html.rp-on .reader-related { display: none; }
  html.rp-on .reader-about-related { display: block; }
}
@media screen and (min-width: 1100px) {
  html.rp-on.rp-spread .rp-title-content:has(> .reader-about-book[data-hero-cover="hidden"]) > .reader-hero-cover { display: none; }
  html.rp-on.rp-spread.rp-title-open .rp-title-content:has(> .reader-about-book[data-hero-cover="hidden"]) { grid-template-columns: minmax(0, 1fr); }
  html.rp-on.rp-spread .rp-title-content:has(> .reader-about-book[data-hero-cover="hidden"]) > * { grid-column: 1; }
  html.rp-on.rp-spread .rp-title-content:has(> .reader-about-book[data-hero-cover="hidden"]) > h1 { max-width: none; }
}
@media screen and (min-width: 1100px) {
  html.rp-on.rp-spread.rp-title-open .rp-title-content:has(> .reader-about-book) { align-content: safe center; }
}
@media print {
  .reader-about-book, .reader-related { display: none !important; }
}