/* Alternating warm paper and charcoal panels over the full-screen memorial. */
body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy {
  --ink: #171a1d;
  --muted: #444744;
  --gold: #79511f;
  --story-link-hover: #543511;
  --line: #b98a4a66;
  --surface: #ded9d0;
  color: var(--ink);
  background: #eae7e1;
  background-image: none;
  border: 1px solid rgba(185, 138, 74, .35);
  border-radius: 28px;
  padding: 35px;
  box-shadow: 0 12px 32px #00000018, inset 0 1px 0 #ffffff45;
  text-shadow: none;
  transition: opacity .2s ease-out, border-color .18s ease, box-shadow .18s ease;
}

/* Count only the story panels, starting with a light Welcome panel. */
body[data-page="scroll"] #journey .chapters > .chapter:nth-child(even of .chapter[data-time-start]) .chapter-copy {
  --ink: #eae7e1;
  --muted: #d0ccc5;
  --gold: #d5ae77;
  --story-link-hover: #f0cd99;
  --line: #b98a4a80;
  --surface: #2b2b2b;
  background: #181c1f;
  border-color: #b98a4a70;
  box-shadow: 0 12px 32px #00000024, inset 0 1px 0 #ffffff12;
}

body[data-page="scroll"] #journey .chapters > .chapter:nth-child(even of .chapter[data-time-start]) .chapter-copy > .eyebrow {
  color: var(--gold);
}

body[data-page="scroll"] #journey .chapters > .chapter:nth-child(even of .chapter[data-time-start]) .chapter-copy > p:not(.eyebrow):not(.dedication-credit),
body[data-page="scroll"] #journey .chapters > .chapter:nth-child(even of .chapter[data-time-start]) .dedication-transcript > div {
  border-left-color: #b98a4a;
}

body[data-page="scroll"]:not(.motion-off) #journey .chapter:not(.cover-section, .billboard) .chapter-copy {
  width: min(32vw, 500px);
}

/* Replace only the old halos around the copy, never the scene or film layers. */
body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy::before,
body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy::after {
  content: none;
  display: none;
}

body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy :is(h1, h2, h3) {
  color: var(--ink);
}

body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy a,
body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .dedication-transcript summary {
  color: var(--gold);
  text-decoration-color: #b98a4a;
  text-decoration-thickness: 1px;
}

body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy a:hover {
  color: var(--story-link-hover);
  text-decoration-thickness: 2px;
}

body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy blockquote {
  border-left-color: #b98a4a;
}

body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy > .eyebrow {
  color: #9d332e;
}
body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy > p:not(.eyebrow):not(.dedication-credit),
body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .dedication-transcript > div {
  border-left: 2px solid #9d332e;
  padding-left: 15px;
}
body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy > p:not(.eyebrow):not(.dedication-credit) + p:not(.eyebrow):not(.dedication-credit) {
  margin-top: 0;
  padding-top: 1rem;
}

body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy:focus-within {
  border-color: #b98a4a;
  box-shadow: 0 12px 32px #00000022, 0 0 0 1px #b98a4a45;
}

@media (hover:hover) {
  body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy:hover {
    border-color: #b98a4a;
    box-shadow: 0 12px 32px #00000022, 0 0 0 1px #b98a4a45;
  }
}

@media (max-width:1000px) {
  body[data-page="scroll"]:not(.motion-off) #journey .chapter:not(.cover-section, .billboard) .chapter-copy {
    width: min(44vw, 390px);
  }
}

@media (max-width:700px) {
  body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy {
    border-radius: 24px;
  }
}

@media (max-width:600px) {
  body[data-page="scroll"]:not(.motion-off) #journey .chapter:not(.cover-section, .billboard) .chapter-copy {
    width: 100%;
    max-width: 420px;
  }
}

@media (prefers-reduced-motion:reduce) {
  body[data-page="scroll"] #journey .chapter:not(.cover-section, .billboard) .chapter-copy { transition: none; }
}