/* The inquiry copy is deliberately spacious and editorial: long arguments
   stay in a readable measure while the painted stage keeps the larger field. */
.chapter {
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.58fr);
  gap: clamp(42px, 5.5vw, 92px);
}

.chapter-copy { max-width: 42rem; }
.chapter-hero .book-title { font-family: var(--display); font-size: clamp(1.7rem, 2.5vw, 2.4rem); line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; }
.book-title-subtitle { margin-top: 12px; color: var(--ochre); font-size: .66rem; letter-spacing: .16em; line-height: 1.5; }
.chapter h1,
.chapter h2 {
  max-width: 11ch;
  font-size: clamp(3.65rem, 5.8vw, 7.25rem);
  line-height: .94;
}

.chapter-hero h1 { max-width: 10ch; }
.chapter-main {
  max-width: 40ch;
  font-size: clamp(1.08rem, 1.28vw, 1.25rem);
  line-height: 1.5;
}

.chapter-body {
  max-width: 43ch;
  margin-top: 24px;
  color: var(--ink-soft);
  font-size: .94rem;
  line-height: 1.68;
}

.chapter-body p + p { margin-top: 16px; }

.chapter-note {
  max-width: 43ch;
  margin-top: 26px;
  color: rgba(185, 194, 191, .78);
  font-size: .73rem;
  line-height: 1.55;
}

.chapter-note span {
  display: block;
  margin-bottom: 5px;
  color: var(--ochre);
  font-size: .62rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.chapter-paper .chapter-body,
.chapter-alive .chapter-body { color: #45545a; }

.chapter-paper .chapter-note,
.chapter-alive .chapter-note { color: #53605e; }

.chapter-paper .chapter-note span,
.chapter-alive .chapter-note span { color: #815219; }

.chapter-figure figcaption {
  display: block;
  padding-top: 25px;
}

.chapter-turn {
  max-width: 43ch;
  margin-left: auto;
}

.chapter-detail {
  max-width: 43ch;
  margin-top: 30px;
}

.chapter-detail p { max-width: 40ch; }

.inquiry-copy { max-width: 850px; }
.inquiry h2 { max-width: 12ch; margin-inline: auto; }
.inquiry-copy > p:not(.eyebrow):not(.edition-note) { max-width: 54ch; }

@media (max-width: 1200px) and (min-width: 861px) {
  .chapter { grid-template-columns: minmax(290px, .86fr) minmax(0, 1.44fr); gap: 48px; }
  .chapter h1, .chapter h2 { font-size: clamp(3.45rem, 5.8vw, 5.8rem); }
}

@media (max-width: 860px) {
  .chapter { display: block; }
  .chapter-hero { gap: 0; }
  .chapter-copy { max-width: 54rem; }
  .chapter h1, .chapter h2 { max-width: 13ch; }
  .chapter-main, .chapter-body, .chapter-note { max-width: 48ch; }
  .chapter-figure { margin-top: 48px; }
  .chapter-turn { margin-left: 0; }

}

@media (max-width: 560px) {
  .chapter-hero { padding-top: 30px; }
  .chapter h1, .chapter h2 { max-width: 12ch; font-size: clamp(3.15rem, 13.8vw, 4.55rem); }
  .chapter-hero h1 { font-size: clamp(3.05rem, 13vw, 4.3rem); }
  .chapter-hero .book-title { margin-top: 22px; }
  .chapter-hero h1 { margin-top: 17px; }
  .chapter-hero .chapter-kicker { margin-top: 20px; }
  .chapter-main { font-size: 1rem; line-height: 1.55; }
  .chapter-body { margin-top: 20px; font-size: .91rem; line-height: 1.62; }
  .chapter-body p + p { margin-top: 13px; }
  .chapter-hero .chapter-body { line-height: 1.55; }
  .chapter-hero .chapter-body p + p { margin-top: 10px; }
  .chapter-note { margin-top: 21px; }
  .chapter-hero .chapter-note { margin-top: 16px; }
  .chapter-figure { margin-top: 38px; }
  .chapter-hero .chapter-figure { margin-top: 18px; }
  .chapter-figure figcaption { padding-top: 21px; }
  .chapter-turn { max-width: 27ch; }
  .chapter-detail { margin-top: 25px; }
  .inquiry h2 { max-width: 11ch; }
}