:root {
  color-scheme: light;
  background: #f8f5ec;
  color: #292e29;
  font-family: Georgia, "Times New Roman", serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; }

.book {
  max-width: 44rem;
  margin: 0 auto;
  padding: 3rem 1.5rem 5rem;
}

.chapter-heading { text-align: center; margin-bottom: 2.5rem; }
.book-title { font-size: 1rem; color: #49614e; letter-spacing: .035em; }
h1 { font-size: clamp(1.8rem, 4vw, 2.7rem); font-weight: normal; line-height: 1.2; margin: 1rem 0 .5rem; }
.prose { min-width: 0; font-size: 1.125rem; line-height: 1.85; overflow-wrap: break-word; }
.prose p { margin: 0 0 1.2em; }
.prose p:last-child { margin-bottom: 0; }

.story-link, .data-reference {
  color: #31593e;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}
.story-link:hover, .data-reference:hover { color: #153a24; }
.story-link:focus-visible, .data-reference:focus-visible { outline: 2px solid #31593e; outline-offset: .2rem; }

.error-page { max-width: 40rem; margin: 12vh auto; padding: 1.5rem; line-height: 1.7; }

@media (max-width: 40rem) {
  .book { padding: 1.5rem 1.25rem 3rem; }
  .prose { font-size: 1.0625rem; line-height: 1.8; }
}