:root {
  --bg: #080808;
  --bg-soft: #0e0d0d;
  --panel: #121111;
  --panel-raised: #181616;
  --text: #f4f0e9;
  --muted: #b7afa6;
  --red: #a91f2c;
  --red-bright: #cf3442;
  --red-deep: #6f111b;
  --line: rgba(255,255,255,.13);
  --paper: #f3ede3;
  --paper-deep: #e7ded1;
  --ink: #211d19;
  --ink-muted: #655b52;
  --focus: #efc2c7;
  --shadow: 0 28px 80px rgba(0,0,0,.42);
  --serif: Georgia, 'Times New Roman', serif;
  --ease: cubic-bezier(.22,.7,.25,1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--serif);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.atlas-open { overflow: hidden; }
button, input, textarea, select { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

.screen {
  display: none;
  min-height: 100vh;
  opacity: 0;
}
.screen.active {
  display: block;
  animation: screen-arrival .72s var(--ease) both;
}
@keyframes screen-arrival {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Invitation atmosphere */
.invitation {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: clamp(30px, 6vw, 76px) 24px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(181,31,46,.09), transparent 35%),
    radial-gradient(circle at 15% 85%, rgba(255,255,255,.025), transparent 28%),
    linear-gradient(145deg, #0c0b0b 0%, #070707 58%, #0b0909 100%);
}
.invitation::before,
.invitation::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
}
.invitation::before {
  opacity: .16;
  background-image: repeating-linear-gradient(90deg, transparent 0 84px, rgba(255,255,255,.035) 85px);
  mask-image: linear-gradient(to bottom, transparent, #000 20%, #000 80%, transparent);
}
.invitation::after {
  background: linear-gradient(to bottom, rgba(0,0,0,.08), transparent 18%, transparent 78%, rgba(0,0,0,.34));
}
.red-line {
  position: absolute;
  width: 1px;
  height: min(72vh, 680px);
  background: linear-gradient(transparent, rgba(181,31,46,.35) 12%, var(--red) 48%, rgba(181,31,46,.35) 88%, transparent);
  left: clamp(28px, 10vw, 150px);
  top: 14%;
  box-shadow: 0 0 24px rgba(181,31,46,.2);
  animation: line-breathe 5.5s ease-in-out infinite;
}
@keyframes line-breathe {
  0%,100% { opacity: .65; transform: scaleY(.96); }
  50% { opacity: 1; transform: scaleY(1); }
}
.invite-card {
  width: min(780px, 100%);
  text-align: center;
  padding: clamp(34px, 6vw, 66px) clamp(24px, 6vw, 68px);
  position: relative;
}
.invite-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(155deg, rgba(255,255,255,.035), rgba(255,255,255,.008));
  box-shadow: var(--shadow);
  backdrop-filter: blur(3px);
  z-index: -1;
}
.kicker {
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--muted);
  font-size: .74rem;
  font-weight: 600;
}
h1 {
  font-size: clamp(2.75rem, 7vw, 5.85rem);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: .98;
  margin: .34em 0 .25em;
}
.subtitle {
  font-size: clamp(1rem, 2.2vw, 1.34rem);
  color: var(--muted);
  line-height: 1.62;
}
.invite-copy {
  font-size: clamp(1.05rem, 1.5vw, 1.16rem);
  line-height: 1.82;
  max-width: 620px;
  margin: 2.1rem auto 2.35rem;
  color: #ded8cf;
}
.invite-copy p { margin: .25rem 0; }
.invite-copy .welcome-break { margin-top: 1.35rem; }

.primary, .secondary, .choice, .text-btn {
  cursor: pointer;
  transition: transform .25s var(--ease), background-color .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease;
}
.primary {
  border: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, var(--red-bright), var(--red));
  color: #fff;
  padding: 15px 29px;
  border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 12px 30px rgba(169,31,44,.22);
}
.primary:hover { background: linear-gradient(180deg, #dd4553, #b52331); transform: translateY(-2px); box-shadow: 0 17px 34px rgba(169,31,44,.3); }
.primary:active { transform: translateY(0); }
.secondary {
  background: rgba(255,255,255,.015);
  color: var(--text);
  border: 1px solid rgba(255,255,255,.25);
  padding: 12px 22px;
  border-radius: 999px;
}
.secondary:hover { border-color: rgba(255,255,255,.5); background: rgba(255,255,255,.05); transform: translateY(-1px); }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}

/* Reading atmosphere */
.reader-wrap {
  background:
    radial-gradient(circle at 50% 0, rgba(255,255,255,.32), transparent 42%),
    repeating-linear-gradient(0deg, rgba(67,52,39,.016) 0 1px, transparent 1px 4px),
    var(--paper);
  color: var(--ink);
  min-height: 100vh;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 58px;
  padding: 13px clamp(16px, 3vw, 32px);
  background: rgba(8,8,8,.92);
  color: var(--text);
  border-bottom: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(14px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
}
.topbar strong { letter-spacing: .14em; font-size: .86rem; }
.topbar .center { color: #e1dbd3; }
.topbar .right { text-align: right; color: var(--muted); font-size: .94rem; }
.reader {
  max-width: 760px;
  margin: auto;
  padding: clamp(56px, 8vw, 88px) 28px 100px;
}
.reader > .kicker { color: #7c7167 !important; }
.reader h2 {
  font-size: clamp(2.2rem, 5vw, 3.65rem);
  font-weight: 500;
  line-height: 1.06;
  letter-spacing: -.025em;
  margin: .22em 0 .34em;
}
.reader .whatif {
  font-size: clamp(1.12rem, 2vw, 1.28rem);
  font-style: italic;
  color: var(--ink-muted);
  line-height: 1.62;
  margin-bottom: 2.4rem;
  padding-left: 18px;
  border-left: 1px solid rgba(169,31,44,.5);
}
.chapter-body {
  font-size: clamp(1.08rem, 1.4vw, 1.16rem);
  line-height: 1.9;
  letter-spacing: .002em;
}
.chapter-body p { margin: 0 0 1.55em; }
.chapter-body p:first-child::first-letter {
  float: left;
  font-size: 4.1rem;
  line-height: .78;
  padding: .12em .1em 0 0;
  color: var(--red-deep);
}
.controls { display: flex; gap: 8px; flex-wrap: wrap; margin: 22px 0 40px; }
.controls button { background: white; border: 1px solid #cfc7bc; border-radius: 8px; padding: 8px 12px; cursor: pointer; }
.reflection-questions {
  margin-top: 72px;
  padding: 42px clamp(20px, 4vw, 38px) 34px;
  border-top: 1px solid #c8bdb0;
  border-bottom: 1px solid #d8cec1;
  background: rgba(255,255,255,.28);
}
.reflection-questions ol { padding-left: 1.35rem; }
.reflection-questions li { margin: 18px 0; padding-left: 7px; line-height: 1.68; }
.pause { text-align: center; padding: 78px 0 18px; }
.pause::before { content: ""; display: block; width: 54px; height: 1px; margin: 0 auto 34px; background: var(--red); }
.pause h3 { font-size: clamp(1.8rem, 4vw, 2.2rem); font-weight: 500; margin-bottom: .45em; }
.pause p { color: var(--ink-muted); max-width: 520px; margin: 0 auto 27px; line-height: 1.72; }
.text-btn { border: 0; background: none; color: var(--ink-muted); text-decoration: none; border-bottom: 1px solid currentColor; padding: 4px 0 3px; margin-top: 16px; }
.text-btn:hover { color: var(--red-deep); }

/* Atlas atmosphere */
.overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.74);
  display: none;
  z-index: 20;
  opacity: 0;
  backdrop-filter: blur(3px);
}
.overlay.open { display: block; animation: overlay-in .3s ease forwards; }
@keyframes overlay-in { to { opacity: 1; } }
.atlas-panel {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: min(580px, 100%);
  background:
    radial-gradient(circle at 100% 0, rgba(169,31,44,.12), transparent 33%),
    linear-gradient(165deg, #151414, #0c0c0c 70%);
  color: var(--text);
  padding: clamp(22px, 4vw, 34px);
  overflow: auto;
  border-left: 1px solid rgba(255,255,255,.13);
  box-shadow: -26px 0 70px rgba(0,0,0,.36);
  transform: translateX(28px);
  animation: panel-in .45s var(--ease) forwards;
}
@keyframes panel-in { to { transform: translateX(0); } }
.panel-head { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 17px; }
.panel-head strong { letter-spacing: .035em; }
.close { background: none; border: 0; color: white; font-size: 1.65rem; line-height: 1; cursor: pointer; width: 42px; height: 42px; border-radius: 50%; }
.close:hover { background: rgba(255,255,255,.08); }
.atlas-msg {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  border-left: 3px solid var(--red);
  padding: 18px 20px;
  margin: 24px 0;
  line-height: 1.68;
  color: #9bd8ff;
  box-shadow: 0 14px 35px rgba(0,0,0,.15);
}
.atlas-msg strong { color: #e2f5ff; }
.choice-grid { display: grid; gap: 11px; }
.choice {
  text-align: left;
  background: rgba(255,255,255,.035);
  color: #f4f1ec;
  border: 1px solid rgba(255,255,255,.16);
  padding: 15px 17px;
  border-radius: 12px;
  line-height: 1.48;
}
.choice:hover { border-color: rgba(207,52,66,.85); background: rgba(169,31,44,.09); transform: translateX(3px); }
.panel-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }

/* Closing atmosphere */
#screen3 { background: radial-gradient(circle at 75% 15%, rgba(169,31,44,.11), transparent 30%), linear-gradient(145deg, #0c0b0b, #070707 65%); }
.journey { max-width: 1080px; margin: auto; padding: clamp(58px, 8vw, 88px) 28px; }
.journey-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: clamp(38px, 6vw, 68px); align-items: start; }
.progress { color: var(--muted); letter-spacing: .11em; font-size: .86rem; margin: 18px 0 32px; }
.cover-placeholder { aspect-ratio: 5.5/8.5; border: 1px solid #454545; background: linear-gradient(145deg,#171717,#080808); display: grid; place-items: center; text-align: center; padding: 24px; }
.cover-placeholder strong { font-size: 1.7rem; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 26px 0; }
.journey-actions { flex-direction: column; align-items: flex-start; max-width: 320px; }
.journey-actions .primary, .journey-actions .secondary { width: 100%; }
.learn-more { margin: 34px 0 4px; padding-top: 26px; border-top: 1px solid var(--line); max-width: 560px; }
.learn-more p { color: var(--muted); margin: 8px 0 12px; line-height: 1.65; }
.text-link { color: #f2ece5; text-decoration: none; border-bottom: 1px solid rgba(242,236,229,.55); padding-bottom: 3px; }
.text-link:hover { color: white; border-color: var(--red); }
.feedback { margin-top: 56px; padding-top: 38px; border-top: 1px solid var(--line); }
.feedback h2 { font-size: clamp(1.8rem, 3.5vw, 2.45rem); font-weight: 500; }
.feedback-form { display: none; margin-top: 24px; max-width: 720px; }
.feedback-form.open { display: block; animation: reveal .42s var(--ease) both; }
@keyframes reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
label { display: block; margin: 19px 0 8px; color: #ded8d0; }
textarea, input, select { width: 100%; background: rgba(255,255,255,.045); color: white; border: 1px solid rgba(255,255,255,.22); border-radius: 10px; padding: 13px; }
textarea { min-height: 108px; resize: vertical; }
.confirmation { display: none; padding: 25px; border: 1px solid rgba(255,255,255,.16); border-left: 3px solid var(--red); margin-top: 22px; background: rgba(255,255,255,.035); }
.preview { display: none; margin-top: 20px; padding: 22px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.035); }
.book-cover { width: 100%; height: auto; display: block; border: 1px solid rgba(255,255,255,.2); box-shadow: 0 26px 60px rgba(0,0,0,.48); transform: rotate(.35deg); }

@media (max-width: 760px) {
  .topbar { grid-template-columns: 1fr auto; padding: 12px 16px; }
  .topbar .center { display: none; }
  .journey-grid { grid-template-columns: 1fr; }
  .cover-placeholder, .book-cover { max-width: 310px; margin: auto; width: 100%; }
  .reader { padding: 50px 20px 76px; }
  .invite-card { padding: 34px 21px 42px; }
  .invite-card::before { border-left: 0; border-right: 0; }
  .red-line { left: 18px; opacity: .55; }
  .reflection-questions { margin-left: -5px; margin-right: -5px; }
  .atlas-panel { padding: 22px 18px 30px; }
}

@media (max-width: 430px) {
  .invitation { padding-left: 16px; padding-right: 16px; }
  .invite-copy { line-height: 1.7; }
  .primary { padding: 14px 23px; }
  .topbar .right { font-size: .82rem; }
  .reader { padding-left: 18px; padding-right: 18px; }
  .chapter-body { line-height: 1.82; }
  .panel-actions .primary, .panel-actions .secondary { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}


/* Phase 1A — Emotional Architecture */
body {
  background:
    radial-gradient(ellipse at 50% 34%, rgba(66,71,112,.16), transparent 44%),
    radial-gradient(ellipse at 76% 12%, rgba(56,36,84,.13), transparent 38%),
    linear-gradient(145deg, #050711 0%, #090b18 43%, #070813 72%, #03040a 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: -12%;
  pointer-events: none;
  z-index: -2;
  background:
    radial-gradient(circle at 50% 44%, rgba(126,132,176,.095), transparent 31%),
    radial-gradient(circle at 42% 56%, rgba(170,107,79,.052), transparent 26%);
  filter: blur(28px);
  animation: ambient-breathe 28s ease-in-out infinite;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(ellipse at center, transparent 35%, rgba(0,0,0,.24) 76%, rgba(0,0,0,.58) 100%);
}
@keyframes ambient-breathe {
  0%,100% { opacity:.58; transform:scale(1); }
  50% { opacity:.92; transform:scale(1.035); }
}

.invitation {
  background:
    radial-gradient(circle at 50% 42%, rgba(151,52,67,.085), transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(113,122,175,.07), transparent 48%),
    linear-gradient(145deg, rgba(8,10,24,.84), rgba(5,6,15,.9) 62%, rgba(10,6,17,.88));
}
.invitation::after {
  background:
    radial-gradient(ellipse at center, transparent 42%, rgba(0,0,0,.4) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.12), transparent 20%, transparent 76%, rgba(0,0,0,.38));
}
.red-line { animation-duration: 9s; box-shadow: 0 0 34px rgba(181,31,46,.15); }
.invite-card::before {
  background: linear-gradient(150deg, rgba(255,255,255,.042), rgba(255,255,255,.012));
  border-color: rgba(255,255,255,.095);
  box-shadow: 0 34px 100px rgba(0,0,0,.48), 0 0 70px rgba(103,77,111,.055);
  backdrop-filter: blur(8px);
}

.reader-wrap {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 34%, rgba(126,105,122,.12), transparent 36%),
    radial-gradient(ellipse at 50% 52%, rgba(178,129,91,.075), transparent 28%),
    linear-gradient(145deg, #050711 0%, #0a0d1a 48%, #050711 100%);
  color: var(--ink);
}
.reader-wrap::before {
  content:"";
  position:fixed;
  inset:58px 0 0;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(ellipse at 50% 36%, rgba(235,196,154,.12), transparent 34%);
  filter:blur(22px);
  animation: story-presence 26s ease-in-out infinite;
}
@keyframes story-presence {
  0%,100% { opacity:.55; transform:scale(.98); }
  50% { opacity:.9; transform:scale(1.025); }
}
.reader {
  position:relative;
  margin: clamp(34px,5vw,62px) auto 70px;
  padding: clamp(58px,8vw,92px) clamp(28px,6vw,74px) 105px;
  background:
    repeating-linear-gradient(0deg, rgba(67,52,39,.012) 0 1px, transparent 1px 4px),
    linear-gradient(155deg, rgba(248,243,235,.965), rgba(238,229,218,.945));
  border:1px solid rgba(255,255,255,.28);
  border-radius:3px;
  box-shadow:0 34px 95px rgba(0,0,0,.5), 0 0 90px rgba(219,169,122,.075);
  backdrop-filter:blur(7px);
}
.reader::before {
  content:"";
  position:absolute;
  inset:-34px -48px;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 38%, rgba(239,191,145,.14), transparent 58%);
  filter:blur(18px);
}
.overlay { background:rgba(3,5,12,.78); }
.atlas-panel {
  background:
    radial-gradient(circle at 80% 15%, rgba(155,98,94,.13), transparent 33%),
    radial-gradient(circle at 25% 70%, rgba(75,87,135,.1), transparent 35%),
    linear-gradient(165deg, rgba(18,19,31,.985), rgba(7,8,16,.99) 74%);
  box-shadow:-28px 0 90px rgba(0,0,0,.48), 0 0 70px rgba(91,78,120,.08);
}
#screen3 {
  background:
    radial-gradient(circle at 70% 18%, rgba(155,64,77,.1), transparent 31%),
    radial-gradient(circle at 42% 55%, rgba(86,96,147,.08), transparent 42%),
    linear-gradient(145deg,#060813,#090b18 55%,#04050c);
}

.threshold-veil {
  position:fixed; inset:0; z-index:100; pointer-events:none; opacity:0; visibility:hidden;
  background:rgba(2,3,8,0); transition:opacity .4s ease, background .65s ease, visibility 0s linear .9s;
}
.threshold-veil span {
  position:absolute; left:50%; top:46%; width:min(62vw,760px); aspect-ratio:1.8; transform:translate(-50%,-50%) scale(.82);
  background:radial-gradient(ellipse, rgba(238,188,142,.22), rgba(134,91,84,.075) 38%, transparent 70%);
  filter:blur(22px); opacity:0; transition:opacity .85s ease .25s, transform 1.2s ease .15s;
}
.threshold-veil.active { visibility:visible; opacity:1; background:rgba(2,3,8,.74); transition-delay:0s; }
.threshold-veil.active span { opacity:.8; transform:translate(-50%,-50%) scale(1); }
.threshold-veil.release { opacity:0; background:rgba(2,3,8,0); transition:opacity 1.15s ease, background 1.15s ease; }
#screen2.chapter-emerge .reader { animation: chapter-threshold 1.35s var(--ease) both; }
@keyframes chapter-threshold {
  from { opacity:0; transform:translateY(10px); filter:brightness(.82); }
  to { opacity:1; transform:none; filter:brightness(1); }
}

@media (max-width:760px){
  .reader { margin:18px 12px 42px; padding:50px 22px 80px; }
  .reader::before { inset:-18px -12px; }
}
@media (prefers-reduced-motion:reduce){
  body::before,.reader-wrap::before { animation:none !important; }
}

/* Phase 3 — Reader Rhythm, Visual Breathing, and Invisible Design */
.chapter-threshold {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 28px;
  background:
    radial-gradient(circle at 50% 43%, rgba(118, 101, 150, .16), transparent 36%),
    linear-gradient(180deg, rgba(4, 5, 13, .98), rgba(8, 9, 20, .99));
  opacity: 0;
  visibility: hidden;
  transition: opacity 900ms ease, visibility 0s linear 900ms;
}
.chapter-threshold.visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 900ms ease;
}
.chapter-threshold.departing {
  opacity: 0;
  transition: opacity 1050ms ease;
}
.threshold-content {
  width: min(680px, 100%);
  text-align: center;
  transform: translateY(8px);
  opacity: 0;
  transition: opacity 900ms ease 320ms, transform 1100ms ease 320ms;
}
.chapter-threshold.visible .threshold-content {
  transform: translateY(0);
  opacity: 1;
}
.threshold-kicker,
.chapter-entry .kicker {
  color: #a79ba9;
  font-size: .76rem;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.chapter-threshold h2 {
  margin: 18px auto 0;
  max-width: 650px;
  font-size: clamp(2rem, 6vw, 4.6rem);
  font-weight: 400;
  line-height: 1.08;
}
.threshold-divider {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 34px 0;
}
.threshold-divider span {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: rgba(211, 196, 211, .6);
}
.chapter-threshold p {
  max-width: 610px;
  margin: 0 auto;
  color: #ddd5de;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.25rem, 3vw, 1.9rem);
  line-height: 1.55;
}
.reader-wrap.awaiting-entry {
  opacity: 0;
  transform: translateY(14px);
}
.reader-wrap.entered {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1200ms ease, transform 1400ms ease;
}

.chapter-entry {
  max-width: 700px;
  margin: 0 auto 82px;
  padding-top: clamp(54px, 9vw, 110px);
}
.chapter-epigraph {
  position: relative;
  margin: 0 auto clamp(82px, 13vw, 142px);
  padding: 0 0 0 clamp(24px, 5vw, 48px);
  border-left: 1px solid rgba(160, 122, 115, .58);
  color: #d4cec8;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.18rem, 2.35vw, 1.52rem);
  font-style: italic;
  line-height: 1.85;
}
.chapter-epigraph p { margin: 0 0 1.2em; }
.chapter-epigraph p:last-child { margin-bottom: 0; color: #eee9e3; }
.chapter-heading { text-align: center; }
.chapter-heading h2 {
  margin: 16px auto 0;
  max-width: 720px;
  font-size: clamp(2.35rem, 6vw, 4.65rem);
  line-height: 1.08;
  font-weight: 400;
}
.chapter-essence {
  max-width: 610px;
  margin: clamp(58px, 9vw, 88px) auto 0;
  padding: 26px 28px 28px;
  border-top: 1px solid rgba(255,255,255,.09);
  border-bottom: 1px solid rgba(255,255,255,.09);
  text-align: center;
}
.essence-label {
  margin-bottom: 15px;
  color: #9f9690;
  font-size: .72rem;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.chapter-essence p {
  margin: 0;
  color: #c8c1bb;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.03rem, 2vw, 1.2rem);
  line-height: 1.75;
}

.chapter-body {
  max-width: 680px;
  margin: 0 auto;
  font-size: clamp(1.06rem, 1.45vw, 1.18rem);
  line-height: 1.88;
}
.chapter-body p {
  margin: 0 0 1.65em;
  text-wrap: pretty;
}
.chapter-body .breath-line {
  margin-top: 2.2em;
  margin-bottom: 2.2em;
  color: #eee9e4;
}
.chapter-body .turning-line {
  margin-top: 3.15em;
  margin-bottom: 2.25em;
  color: #f2ede8;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.08em;
  line-height: 1.7;
}
.chapter-body .chapter-declaration {
  margin: 4.3em auto 2.4em;
  max-width: 590px;
  color: #e9e2dc;
  font-size: .92em;
  letter-spacing: .11em;
  line-height: 1.9;
  text-align: center;
}
.reflection-questions {
  max-width: 680px;
  margin: 110px auto 0;
}
.pause { max-width: 680px; margin-left: auto; margin-right: auto; }

@media (max-width: 700px) {
  .chapter-entry { margin-bottom: 62px; }
  .chapter-epigraph { margin-bottom: 88px; padding-left: 22px; }
  .chapter-essence { padding-left: 12px; padding-right: 12px; }
  .chapter-body p { margin-bottom: 1.45em; }
  .chapter-body .breath-line { margin-top: 1.8em; margin-bottom: 1.8em; }
  .chapter-body .turning-line { margin-top: 2.65em; margin-bottom: 2em; }
}

/* Phase 3.1 — Reading Experience Refinement */
.reader-wrap {
  background: var(--paper);
}

.chapter-threshold {
  transition: opacity 520ms ease, visibility 0s linear 520ms;
}
.chapter-threshold.visible {
  transition: opacity 520ms ease;
}
.chapter-threshold.departing {
  transition: opacity 620ms ease;
}
.threshold-content {
  transition: opacity 480ms ease 100ms, transform 620ms ease 100ms;
}

.chapter-entry {
  margin-bottom: 48px;
  padding-top: clamp(36px, 5vw, 64px);
}
.chapter-epigraph {
  margin-bottom: clamp(44px, 6vw, 68px);
  color: #514841;
  font-size: clamp(1.1rem, 2vw, 1.36rem);
  line-height: 1.68;
  border-left-color: rgba(111, 17, 27, .42);
}
.chapter-epigraph p:last-child {
  color: #6b5e55;
}
.chapter-heading h2 {
  margin-top: 12px;
}
.chapter-essence {
  margin-top: clamp(34px, 5vw, 52px);
  padding: 20px 24px 22px;
  border-top-color: rgba(33, 29, 25, .13);
  border-bottom-color: rgba(33, 29, 25, .13);
}
.essence-label {
  margin-bottom: 11px;
  color: #746860;
}
.chapter-essence p {
  color: #665a51;
  line-height: 1.58;
}

.chapter-body {
  line-height: 1.78;
}
.chapter-body p {
  margin-bottom: 1.28em;
}
.chapter-body .breath-line {
  margin-top: 1.35em;
  margin-bottom: 1.35em;
  color: var(--ink);
}
.chapter-body .turning-line {
  margin-top: 1.85em;
  margin-bottom: 1.45em;
  color: var(--ink);
  line-height: 1.62;
}
.chapter-body .chapter-declaration {
  margin-top: 2.7em;
  margin-bottom: 1.8em;
  color: #4f423a;
  line-height: 1.72;
}
.reflection-questions {
  margin-top: 76px;
}
.pause {
  padding-top: 58px;
}

@media (max-width: 700px) {
  .chapter-entry { margin-bottom: 42px; }
  .chapter-epigraph { margin-bottom: 48px; padding-left: 18px; }
  .chapter-essence { padding: 18px 10px 20px; }
  .chapter-body p { margin-bottom: 1.2em; }
  .chapter-body .breath-line { margin-top: 1.15em; margin-bottom: 1.15em; }
  .chapter-body .turning-line { margin-top: 1.55em; margin-bottom: 1.25em; }
}


/* Phase 3.2 — Competition Polish */
:root {
  --reading-measure: 680px;
}

/* Keep the manuscript stable as the viewport changes. */
.reader {
  width: min(760px, calc(100% - clamp(24px, 6vw, 72px)));
}
.chapter-entry,
.chapter-body,
.reflection-questions,
.pause {
  width: 100%;
}
.chapter-body {
  max-width: var(--reading-measure);
  hanging-punctuation: first last;
  font-kerning: normal;
}
.chapter-body p {
  widows: 2;
  orphans: 2;
  overflow-wrap: break-word;
}

/* Responsive drop cap: preserve the opening gesture without letting it
   dominate the following line at narrower desktop and tablet widths. */
.chapter-body p:first-child::first-letter {
  font-size: clamp(3.35rem, 5.2vw, 4.1rem);
  line-height: .8;
  padding-right: .03em;
  margin-right:-0.01em;
  padding-top: .1em;
}

/* Slightly quieter, more consistent vertical rhythm. */
.chapter-entry { margin-bottom: clamp(40px, 5vw, 48px); }
.chapter-essence { max-width: 600px; }
.reflection-questions { padding-top: 38px; padding-bottom: 32px; }
.pause { padding-bottom: 24px; }

/* Buttons remain comfortable for touch and visibly interactive by keyboard. */
.primary, .secondary, .choice, .text-btn, .close {
  min-height: 44px;
}
.text-btn { min-height: 0; }
.choice:focus-visible,
.close:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
}

/* Accessible utility. */
.skip-link {
  position: fixed;
  left: 16px;
  top: 12px;
  z-index: 200;
  transform: translateY(-160%);
  background: #fff;
  color: #17120f;
  padding: 10px 14px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
.skip-link:focus { transform: translateY(0); }

/* Modal behavior and small-screen comfort. */
.atlas-panel:focus { outline: none; }
@media (max-width: 900px) {
  .chapter-body p:first-child::first-letter {
    font-size: 3.5rem;
    line-height: .82;
    padding-right: .1em;
  }
}
@media (max-width: 700px) {
  .reader {
    width: calc(100% - 28px);
    margin-top: 24px;
    margin-bottom: 42px;
    padding-top: 44px;
  }
  .chapter-entry { padding-top: 28px; }
  .chapter-heading h2 { line-height: 1.1; }
  .chapter-essence { margin-top: 30px; }
  .chapter-body { line-height: 1.76; }
  .reflection-questions { margin-top: 68px; }
  .pause { padding-top: 52px; }
}
@media (max-width: 520px) {
  .reader {
    width: calc(100% - 20px);
    padding-left: 17px;
    padding-right: 17px;
  }
  .chapter-epigraph { line-height: 1.62; }
  .chapter-body p:first-child::first-letter {
    font-size: 3.15rem;
    line-height: .84;
    padding-top: .08em;
  }
  .chapter-body { font-size: 1.04rem; line-height: 1.74; }
  .reflection-questions { padding-left: 18px; padding-right: 18px; }
  .actions > button, .feedback > button { width: 100%; }
}

@media (prefers-contrast: more) {
  .chapter-epigraph,
  .chapter-essence p,
  .reader .whatif { color: #403832; }
  .essence-label { color: #574c45; }
  .secondary, .choice { border-color: rgba(255,255,255,.5); }
}

@media print {
  .topbar, .controls, .pause button, .overlay, .skip-link { display: none !important; }
  .reader-wrap, .reader { background: #fff; box-shadow: none; border: 0; }
  .reader { width: 100%; max-width: none; margin: 0; }
}

/* Milestone 2 — Task 1: full journey architecture */
.journey-map-trigger{appearance:none;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:.04em;cursor:pointer;padding:.4rem .6rem;border-radius:999px}
.journey-map-trigger:hover,.journey-map-trigger:focus-visible{background:rgba(255,255,255,.07);outline:none}
.journey-panel-overlay{position:fixed;inset:0;background:rgba(0,0,0,.56);backdrop-filter:blur(7px);z-index:120;opacity:0;pointer-events:none;transition:opacity .45s ease}
.journey-panel-overlay.open{opacity:1;pointer-events:auto}
.journey-panel{position:absolute;right:0;top:0;width:min(440px,92vw);height:100%;overflow:auto;background:linear-gradient(180deg,#11100f,#090909);border-left:1px solid rgba(255,255,255,.1);padding:28px 24px 42px;transform:translateX(102%);transition:transform .55s cubic-bezier(.22,.75,.2,1);box-shadow:-28px 0 70px rgba(0,0,0,.42)}
.journey-panel-overlay.open .journey-panel{transform:translateX(0)}
.journey-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:18px}
.journey-panel-header h2{font-size:1.7rem;margin:.35rem 0 0}
.journey-panel-close{appearance:none;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;width:38px;height:38px;border-radius:50%;font-size:1.55rem;line-height:1;cursor:pointer}
.journey-panel-intro{color:var(--muted);line-height:1.65;margin:20px 0 24px}
.journey-panel-list{display:grid;gap:8px}
.journey-item{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;width:100%;text-align:left;border:0;border-radius:12px;background:transparent;color:#fff;padding:10px 8px;cursor:pointer}
.journey-item:hover,.journey-item:focus-visible{background:rgba(255,255,255,.06);outline:none}
.journey-item.current{background:rgba(145,24,24,.16)}
.journey-item.act{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}
.journey-node{width:10px;height:10px;border:1px solid rgba(255,255,255,.45);border-radius:50%;position:relative}
.journey-item.act .journey-node{background:#8e2020;border-color:#8e2020;box-shadow:0 0 0 5px rgba(142,32,32,.13)}
.journey-copy small{display:block;color:var(--muted);font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;margin-bottom:2px}
.journey-copy strong{font-weight:500}
.journey-status{font-size:.7rem;color:var(--muted)}
.stage-shell{min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(120,44,32,.13),transparent 42%),#090909;color:#fff}
.stage-content{max-width:820px;margin:0 auto;padding:clamp(90px,14vw,150px) 26px 90px;min-height:100vh;display:flex;align-items:center;justify-content:center}
.stage-card{width:100%;text-align:center;animation:stageDissolve .75s ease both}
.stage-card .stage-kicker{text-transform:uppercase;letter-spacing:.22em;color:#b98b79;font-size:.78rem}
.stage-card h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.4rem,7vw,5rem);font-weight:400;margin:18px auto;line-height:1.04}
.stage-card .stage-subtitle{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#d6cec7;font-size:clamp(1.05rem,2.5vw,1.4rem);max-width:640px;margin:0 auto 42px;line-height:1.55}
.stage-card.act-threshold{min-height:58vh;display:flex;flex-direction:column;justify-content:center}
.stage-card.act-threshold:before{content:'';display:block;width:1px;height:90px;background:linear-gradient(transparent,#8e2020);margin:0 auto 30px}
.stage-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.stage-note{max-width:620px;margin:0 auto 32px;color:var(--muted);line-height:1.75}
@keyframes stageDissolve{from{opacity:0;filter:blur(8px);transform:translateY(8px)}to{opacity:1;filter:blur(0);transform:none}}
body.journey-panel-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.journey-panel-overlay,.journey-panel,.stage-card{transition:none;animation:none}}

/* Milestone 2 — Task 1 correction: complete Introduction reading experience. */
.stage-content:has(.introduction-reader){max-width:920px;display:block;padding-top:clamp(82px,10vw,118px)}
.introduction-reader{width:100%;animation:stageDissolve .75s ease both}
.introduction-header{text-align:center;padding:clamp(36px,7vw,68px) clamp(18px,5vw,48px) clamp(44px,7vw,72px);border-bottom:1px solid rgba(255,255,255,.12)}
.introduction-header .stage-kicker{text-transform:uppercase;letter-spacing:.22em;color:#b98b79;font-size:.78rem}
.introduction-header h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2.7rem,7vw,5.2rem);line-height:1.04;margin:18px 0 24px}
.introduction-question{max-width:680px;margin:0 auto;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.2rem,2.7vw,1.58rem);font-style:italic;line-height:1.55;color:#d7cec6}
.introduction-body{max-width:720px;margin:0 auto;padding:clamp(48px,8vw,84px) clamp(18px,4vw,38px);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.08rem,2vw,1.28rem);line-height:1.9;color:#eee8e2}
.introduction-body p{margin:0 0 1.55em}
.introduction-body h2{font-size:clamp(1.65rem,4vw,2.35rem);font-weight:400;line-height:1.25;margin:2.35em 0 .8em;color:#fff}
.introduction-emphasis{font-size:1.12em;font-style:italic;color:#fff}
.three-movements{margin:3.2em 0;padding:clamp(26px,5vw,44px);border-top:1px solid rgba(185,139,121,.38);border-bottom:1px solid rgba(185,139,121,.38)}
.three-movements h2{margin:0 0 1.5em;text-align:center}
.movement{display:grid;grid-template-columns:92px 1fr;gap:4px 18px;padding:18px 0;border-top:1px solid rgba(255,255,255,.09)}
.movement:first-of-type{border-top:0}
.movement span{grid-row:1 / span 2;text-transform:uppercase;letter-spacing:.16em;font-family:Arial,sans-serif;font-size:.68rem;color:#b98b79;padding-top:.45em}
.movement strong{font-size:1.25em;font-weight:400;color:#fff}
.movement p{margin:0;color:#cfc5bd;font-style:italic}
.introduction-cadence{margin:2.5em 0;padding-left:clamp(20px,5vw,42px);border-left:1px solid #8e2020}
.introduction-cadence p{margin-bottom:.65em}
.begin-with-this{margin-top:3.2em;padding:clamp(28px,5vw,48px);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}
.begin-with-this h2{margin-top:0}
.begin-with-this blockquote{margin:1.2em 0 1.5em;padding:0;font-size:clamp(1.45rem,3.8vw,2.15rem);line-height:1.45;font-style:italic;color:#fff}
.introduction-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 20px clamp(80px,10vw,118px)}
@media(max-width:640px){
  .movement{grid-template-columns:1fr;gap:6px}
  .movement span{grid-row:auto}
  .introduction-actions .primary,.introduction-actions .secondary{width:100%;max-width:330px}
}

/* Milestone 2 — Task 2: reusable chapter-reading template */
.chapter-template{max-width:1120px;margin:0 auto;padding:clamp(24px,5vw,72px) clamp(18px,4vw,44px) 80px;color:#211b18}
.chapter-template-hero{display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);background:#f4eee5;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden;min-height:720px}
.chapter-template-image-wrap{background:#d9ccbc;min-height:720px;overflow:hidden}
.chapter-template-image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.chapter-template-intro{padding:clamp(40px,6vw,86px) clamp(30px,6vw,74px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(100deg,#f6f0e7,#efe5d8)}
.chapter-template-intro .stage-kicker{color:#7d211d;margin-bottom:10px}
.chapter-number{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:#786c63;margin-bottom:24px}
.chapter-template-intro h1{font-family:var(--serif);font-size:clamp(3rem,6vw,5.9rem);line-height:.96;font-weight:500;margin:0 0 32px;color:#171310}
.chapter-template-intro blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.35;margin:0 0 42px;padding:0;border:0;color:#40362f}
.chapter-essence-label{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:700;color:#7d211d;margin-bottom:16px}
.chapter-essence{font-family:var(--serif);font-size:1.22rem;line-height:1.7;margin:0;max-width:34rem}
.chapter-template-body{max-width:760px;margin:0 auto;background:#fbf7f0;padding:clamp(42px,7vw,84px) clamp(24px,6vw,70px);font-family:var(--serif);font-size:1.18rem;line-height:1.85;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.chapter-body-marker{display:flex;align-items:center;gap:18px;text-align:center;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#7d211d;margin-bottom:42px}
.chapter-body-marker span{height:1px;background:#bca89a;flex:1}
.chapter-template-nav{max-width:900px;margin:38px auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.chapter-template-nav .primary:last-child{justify-self:end}
.chapter-template-nav .secondary:first-child{justify-self:start}
@media(max-width:780px){
  .chapter-template{padding:18px 12px 60px}
  .chapter-template-hero{grid-template-columns:1fr;min-height:auto}
  .chapter-template-image-wrap{min-height:0;aspect-ratio:2/3}
  .chapter-template-intro{padding:42px 26px 48px}
  .chapter-template-intro h1{font-size:clamp(2.7rem,13vw,4.5rem)}
  .chapter-template-nav{grid-template-columns:1fr 1fr}
  .chapter-template-nav .secondary:nth-child(2){grid-column:1/-1;grid-row:1;justify-self:center}
  .chapter-template-nav .secondary:first-child{grid-column:1;grid-row:2}
  .chapter-template-nav .primary:last-child{grid-column:2;grid-row:2}
}

/* Milestone 2 — Task 2 corrections and quiet phase navigation */
.screen[hidden]{display:none !important}
.phase-status{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.2}
.phase-status span{text-transform:uppercase;letter-spacing:.12em;color:#e7ded7;font-size:.78rem}
.phase-status small{color:var(--muted);font-size:.72rem;letter-spacing:.04em}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.phase-whisper{font-family:var(--serif);font-style:italic;text-align:center;color:#d7cec6;font-size:clamp(1.05rem,2.4vw,1.42rem);margin:0 auto 30px;animation:stageDissolve 1.15s ease both}
.chapter-divider-card{max-width:760px;margin:0 auto;background:#e9dfd2;box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}
.chapter-divider-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.chapter-template-body{margin-top:0}
.feedback-support{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.feedback-support>div{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.025)}
.feedback-support p{margin:.7rem 0 0;color:var(--muted);line-height:1.55}
.feedback-support a{color:#fff;text-underline-offset:3px}
.predictian-credit a{display:inline-block;margin-top:.7rem;font-family:var(--serif);font-size:1.15rem}
@media(max-width:700px){
  .phase-status span{font-size:.68rem}
  .phase-status small{font-size:.66rem}
  .feedback-support{grid-template-columns:1fr}
  .chapter-divider-card{max-width:100%}
}


/* Task 2 final refinements: concealed scroll reset, numbered phase cues, complete compass, and feedback destination. */
.screen.active{transition:opacity .32s ease,filter .32s ease,transform .32s ease}
.screen.active.screen-departing{opacity:0!important;filter:blur(7px);transform:translateY(-4px)}
.journey-group{display:grid;gap:6px;padding:12px 0 4px;border-top:1px solid rgba(255,255,255,.08)}
.journey-group:first-child{border-top:0;padding-top:0}
.journey-group-label{padding:8px 8px 4px;color:#b98b79;text-transform:uppercase;letter-spacing:.16em;font-size:.69rem;font-weight:700}
.phase-whisper{display:grid;justify-items:center;gap:8px}
.phase-whisper span{font-family:Arial,sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.22em;color:#b98b79;font-size:.72rem}
.phase-whisper p{margin:0}
.feedback-destination{max-width:780px;text-align:left}
.feedback-destination>h1,.feedback-destination>.stage-kicker,.feedback-destination>.stage-subtitle{text-align:center}
.journey-feedback-form{display:grid;gap:12px;margin:34px auto 0;max-width:680px;padding:clamp(22px,5vw,38px);border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}
.journey-feedback-form label{margin-top:8px;color:#eee8e2}
.journey-feedback-form textarea,.journey-feedback-form select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#121212;color:#fff}
.journey-feedback-form textarea{min-height:120px;resize:vertical}
.journey-feedback-form .primary{justify-self:start;margin-top:10px}
.feedback-destination .stage-actions{margin-top:34px}
@media(prefers-reduced-motion:reduce){.screen.active{transition:none}.screen.active.screen-departing{filter:none;transform:none}}


/* Task 2 completion: hosted feedback delivery and clear reader guidance. */
.journey-feedback-form input[type="email"],.feedback-form input[type="email"]{width:100%;padding:13px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#121212;color:#fff}
.optional-label{display:block;margin-top:3px;color:var(--muted);font-size:.82rem;font-weight:400}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{min-height:1.5em;margin-top:8px;color:var(--muted);line-height:1.5}
.form-status.is-pending{color:#d7cec8}
.form-status.is-success{color:#dce9d8}
.form-status.is-error{color:#f0c8c1}
button[disabled]{opacity:.62;cursor:wait}


/* Milestone 2 · Task 3.1 Checkpoint A — manuscript integration */
.chapter-text-divider{max-width:820px;margin:0 auto;padding:clamp(72px,12vw,132px) 24px 54px;text-align:center;border-bottom:1px solid rgba(255,255,255,.12)}
.chapter-text-divider h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,6vw,5.2rem);font-weight:400;line-height:1.04;margin:.5rem 0 0}
.manuscript-opening{max-width:720px;margin:0 auto;padding:54px 24px 18px;text-align:center}
.chapter-opening-question{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.35rem,2.8vw,2rem);font-style:italic;line-height:1.45;color:#eee6dd}
.chapter-epigraph{margin:34px auto 0;padding:0 0 0 22px;border-left:1px solid rgba(180,48,48,.75);max-width:620px;text-align:left;color:#c9c1b8;font-family:Georgia,'Times New Roman',serif;font-style:italic;line-height:1.75}
.manuscript-body{max-width:720px;margin:0 auto;padding:24px 24px 64px}
.manuscript-body p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.08rem,1.65vw,1.24rem);line-height:1.92;color:#e8e3dc;margin:0 0 1.55em}
.reflection-divider{display:flex;align-items:center;gap:18px;margin:76px 0 44px;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;color:#b9afa5}
.reflection-divider span{height:1px;background:rgba(255,255,255,.15);flex:1}
.reflection-heading{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.45rem,3vw,2rem);font-weight:400;margin:46px 0 18px;color:#f4eee6}
.living-reflection-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:400;font-style:italic;margin:12px 0 28px;color:#d7c8b8}
.chapter-quote{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.75;font-style:italic;color:#d7cfc6;border-left:1px solid rgba(180,48,48,.65);padding-left:22px;margin:32px 0}
.manuscript-questions{padding-left:1.35rem;margin:0 0 38px}
.manuscript-questions li{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.08rem,1.65vw,1.22rem);line-height:1.75;margin:0 0 1rem;color:#e8e3dc;padding-left:.35rem}
@media (max-width:640px){.manuscript-body,.manuscript-opening{padding-left:20px;padding-right:20px}.chapter-template-nav{gap:10px}.chapter-template-nav button{width:100%}}


/* Task 3.1 Checkpoint A correction — continuous dark manuscript reading surface */
.chapter-template .manuscript-opening,
.chapter-template .manuscript-body{
  background:transparent;
  box-shadow:none;
  color:#e8e3dc;
}
.chapter-template .manuscript-body{
  max-width:720px;
  margin:0 auto;
  padding:24px 24px 64px;
}
.chapter-template .manuscript-body p,
.chapter-template .manuscript-body li{
  color:#e8e3dc;
}
.chapter-template .reflection-heading{color:#f4eee6}
.chapter-template .living-reflection-title,
.chapter-template .chapter-quote{color:#d7cfc6}
.chapter-template .chapter-declaration{
  color:#f3eee7;
  letter-spacing:.06em;
  font-weight:600;
}
@media(max-width:640px){
  .chapter-template .manuscript-body{padding-left:20px;padding-right:20px}
}

/* Task 3.1 — unified chapter grammar: atmosphere outside, warm paper inside. */
.chapter-template{
  max-width:1120px;
  margin:0 auto;
  padding:clamp(24px,5vw,72px) clamp(18px,4vw,44px) 80px;
  color:#211b18;
}

.chapter-divider-card{
  max-width:760px;
  margin:0 auto clamp(42px,7vw,76px);
  background:#e9dfd2;
  box-shadow:0 30px 80px rgba(0,0,0,.30);
  overflow:hidden;
}
.chapter-divider-image{display:block;width:100%;height:auto;object-fit:contain}

.chapter-threshold-mark{
  display:flex;
  justify-content:center;
  gap:18px;
  max-width:720px;
  margin:0 auto 24px;
  color:#b98b79;
  text-transform:uppercase;
  letter-spacing:.18em;
  font:700 .7rem/1.4 Arial,sans-serif;
}
.chapter-threshold-mark span+span::before{content:'·';margin-right:18px;color:rgba(255,255,255,.28)}

.chapter-template .manuscript-opening{
  max-width:720px;
  margin:0 auto clamp(50px,8vw,86px);
  padding:0 24px;
  text-align:center;
  background:transparent;
  box-shadow:none;
  color:#e8e3dc;
}
.chapter-opening-question{
  margin:0 auto;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.38rem,2.8vw,2.05rem);
  font-style:italic;
  line-height:1.45;
  color:#f3ece4;
}
.chapter-epigraph{
  max-width:620px;
  margin:34px auto 0;
  padding:0 0 0 22px;
  border-left:1px solid rgba(180,48,48,.75);
  text-align:left;
  color:#d7cfc6;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.8vw,1.28rem);
  font-style:italic;
  line-height:1.75;
}

.chapter-paper{
  max-width:760px;
  margin:0 auto;
  background:linear-gradient(105deg,#fbf7f0 0%,#f5eee4 100%);
  color:#2a231f;
  box-shadow:
    0 34px 90px rgba(0,0,0,.30),
    0 2px 0 rgba(255,255,255,.55) inset,
    0 0 0 1px rgba(96,71,56,.08);
  overflow:hidden;
}
.chapter-paper-heading{
  padding:clamp(54px,8vw,86px) clamp(28px,7vw,72px) clamp(38px,6vw,58px);
  text-align:center;
}
.chapter-paper-heading p{
  margin:0 0 14px;
  color:#7d211d;
  text-transform:uppercase;
  letter-spacing:.22em;
  font:700 .72rem/1.4 Arial,sans-serif;
}
.chapter-paper-heading h1{
  margin:0;
  color:#171310;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(2.55rem,6vw,4.9rem);
  font-weight:400;
  line-height:1.02;
}
.chapter-paper-heading span{
  display:block;
  width:54px;
  height:1px;
  margin:30px auto 0;
  background:#8e2020;
}

.chapter-template .manuscript-body{
  max-width:none;
  margin:0;
  padding:0 clamp(28px,7vw,72px) clamp(58px,8vw,88px);
  background:transparent;
  box-shadow:none;
  color:#2a231f;
}
.chapter-template .manuscript-body p,
.chapter-template .manuscript-body li{
  color:#2f2823;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.65vw,1.22rem);
  line-height:1.88;
}
.chapter-template .reflection-divider{color:#74675e}
.chapter-template .reflection-divider span{background:rgba(82,61,48,.22)}
.chapter-template .reflection-heading{color:#3a2f29}
.chapter-template .living-reflection-title{color:#6f302b}
.chapter-template .chapter-quote{
  color:#51443d;
  border-left-color:rgba(142,32,32,.55);
}
.chapter-template .chapter-declaration{color:#3b211f}
.chapter-template .manuscript-questions li{color:#2f2823}

@media(max-width:640px){
  .chapter-template{padding:18px 12px 60px}
  .chapter-divider-card{margin-bottom:46px}
  .chapter-template .manuscript-opening{padding-left:16px;padding-right:16px;margin-bottom:52px}
  .chapter-epigraph{padding-left:17px}
  .chapter-paper-heading{padding-left:24px;padding-right:24px}
  .chapter-template .manuscript-body{padding-left:24px;padding-right:24px}
}

/* Task 3.1 — Chapter 1 approved visual grammar reference
   Experience principle: the threshold reveals; the paper receives. */
.chapter-one-reference{
  position:relative;
  isolation:isolate;
}
.chapter-one-reference::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:42px;
  left:50%;
  width:min(920px,92vw);
  height:520px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 18%,rgba(119,30,27,.17),transparent 58%),
    radial-gradient(ellipse at 18% 55%,rgba(255,255,255,.025),transparent 45%);
  filter:blur(2px);
}

/* Chapter 1 has no illustrated divider: its experience concept is the line itself. */
.chapter-one-reference .chapter-threshold-mark{
  margin-top:clamp(36px,7vw,86px);
  margin-bottom:32px;
  position:relative;
}
.chapter-one-reference .chapter-threshold-mark::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:min(520px,74vw);
  height:170px;
  transform:translate(-50%,-46%);
  border-radius:50%;
  border-top:1px solid rgba(164,68,57,.22);
  border-right:1px solid transparent;
  border-left:1px solid transparent;
  pointer-events:none;
}
.chapter-one-reference .manuscript-opening{
  position:relative;
  margin-bottom:clamp(66px,10vw,112px);
}
.chapter-one-reference .manuscript-opening::after{
  content:"";
  display:block;
  width:1px;
  height:clamp(62px,9vw,96px);
  margin:46px auto -6px;
  background:linear-gradient(to bottom,rgba(156,48,42,.72),rgba(156,48,42,0));
}
.chapter-one-reference .chapter-opening-question{
  max-width:650px;
  font-size:clamp(1.32rem,2.45vw,1.82rem);
  line-height:1.48;
  text-wrap:balance;
}
.chapter-one-reference .chapter-epigraph{
  max-width:600px;
  font-size:clamp(1rem,1.5vw,1.15rem);
  line-height:1.78;
  border-left-color:rgba(151,47,42,.72);
}

.chapter-one-reference .chapter-paper{
  position:relative;
  max-width:748px;
  background:
    linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),
    linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);
  box-shadow:
    0 38px 94px rgba(0,0,0,.34),
    0 10px 28px rgba(0,0,0,.18),
    0 1px 0 rgba(255,255,255,.72) inset,
    0 0 0 1px rgba(96,71,56,.09);
}
.chapter-one-reference .chapter-paper::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.035) 0,rgba(85,65,50,.035) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:multiply;
}
.chapter-one-reference .chapter-paper::after{
  content:"";
  position:absolute;
  top:0;
  left:clamp(22px,5vw,54px);
  width:1px;
  height:100%;
  background:linear-gradient(to bottom,transparent 1%,rgba(139,42,38,.20) 10%,rgba(139,42,38,.10) 82%,transparent 99%);
  pointer-events:none;
}
.chapter-one-reference .chapter-paper-heading{
  position:relative;
  z-index:1;
  padding-top:clamp(58px,8vw,82px);
  padding-bottom:clamp(34px,5vw,48px);
}
.chapter-one-reference .chapter-paper-heading p{
  font-size:.68rem;
  letter-spacing:.24em;
}
.chapter-one-reference .chapter-paper-heading h1{
  max-width:610px;
  margin-inline:auto;
  font-size:clamp(2.42rem,5.3vw,4.15rem);
  line-height:1.02;
  text-wrap:balance;
}
.chapter-one-reference .chapter-paper-heading span{
  width:42px;
  margin-top:25px;
  opacity:.72;
}
.chapter-one-reference .manuscript-body{
  position:relative;
  z-index:1;
  padding-top:2px;
}
.chapter-one-reference .manuscript-body p,
.chapter-one-reference .manuscript-body li{
  font-size:clamp(1rem,1.36vw,1.105rem);
  line-height:1.82;
}
.chapter-one-reference .manuscript-body p{
  margin-bottom:1.38em;
}
.chapter-one-reference .manuscript-body > p:first-child::first-letter{
  float:left;
  margin:.08em .1em 0 0;
  color:#87231f;
  font-size:4.25em;
  line-height:.72;
  font-family:Georgia,'Times New Roman',serif;
}
.chapter-one-reference .reflection-divider{
  margin-top:68px;
  margin-bottom:38px;
  color:#7c2823;
}
.chapter-one-reference .reflection-heading{
  margin-top:40px;
  font-size:clamp(1.38rem,2.5vw,1.85rem);
}
.chapter-one-reference .living-reflection-title{
  font-size:clamp(1.16rem,2vw,1.46rem);
}
.chapter-one-reference .chapter-quote{
  margin:28px 0 34px;
  padding:20px 22px;
  border-left:1px solid rgba(126,35,31,.55);
  background:rgba(123,68,46,.035);
  font-size:clamp(1.03rem,1.55vw,1.16rem);
}
.chapter-one-reference .chapter-declaration{
  margin:38px 0;
  text-align:center;
  letter-spacing:.08em;
  line-height:1.65;
}
.chapter-one-reference .chapter-template-nav{
  margin-top:46px;
}

@media(max-width:640px){
  .chapter-one-reference .chapter-threshold-mark{margin-top:30px;margin-bottom:24px}
  .chapter-one-reference .manuscript-opening::after{height:58px;margin-top:34px}
  .chapter-one-reference .chapter-paper::after{left:15px}
  .chapter-one-reference .chapter-paper-heading{padding:52px 22px 34px}
  .chapter-one-reference .chapter-paper-heading h1{font-size:clamp(2.25rem,11vw,3.35rem)}
  .chapter-one-reference .manuscript-body{padding-left:27px;padding-right:25px}
  .chapter-one-reference .manuscript-body p,
  .chapter-one-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
}

/* Task 3.1 — Chapter 1 visual grammar refinement after Test #5
   Make the dimensional page edge, restrained title, and book-scale body text
   unmistakable on desktop while preserving mobile readability. */
@media (min-width: 641px){
  .chapter-one-reference .chapter-paper{
    max-width:720px;
    margin-top:8px;
    margin-bottom:10px;
    overflow:visible;
    border-radius:1px;
    box-shadow:
      0 54px 110px rgba(0,0,0,.72),
      0 22px 48px rgba(0,0,0,.56),
      -18px 0 34px rgba(0,0,0,.34),
      18px 0 34px rgba(0,0,0,.34),
      0 0 28px rgba(225,202,170,.14),
      0 1px 0 rgba(255,255,255,.82) inset,
      0 0 0 1px rgba(91,63,45,.18);
  }
  .chapter-one-reference .chapter-paper::before,
  .chapter-one-reference .chapter-paper::after{
    border-radius:1px;
  }
  .chapter-one-reference .chapter-paper-heading{
    padding-top:60px;
    padding-bottom:34px;
  }
  .chapter-one-reference .chapter-paper-heading h1{
    max-width:540px;
    font-size:clamp(2.35rem,4.25vw,3.45rem);
    line-height:1.04;
  }
  .chapter-one-reference .chapter-paper-heading span{
    margin-top:21px;
  }
  .chapter-one-reference .manuscript-body{
    padding-left:78px;
    padding-right:76px;
    padding-bottom:78px;
  }
  .chapter-one-reference .manuscript-body p,
  .chapter-one-reference .manuscript-body li{
    font-size:clamp(.94rem,1.08vw,1.01rem);
    line-height:1.72;
  }
  .chapter-one-reference .manuscript-body p{
    margin-bottom:1.18em;
  }
  .chapter-one-reference .reflection-heading{
    font-size:clamp(1.26rem,1.8vw,1.58rem);
  }
  .chapter-one-reference .living-reflection-title{
    font-size:clamp(1.08rem,1.45vw,1.28rem);
  }
  .chapter-one-reference .chapter-quote{
    font-size:clamp(.96rem,1.08vw,1.02rem);
    line-height:1.68;
  }
}

/* Task 3.1 — merge approved Chapter 1 structure with the restored spatial behavior.
   Dark threshold first; then a full warm field that receives a dimensional paper page. */
.chapter-one-reference .chapter-paper-stage{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-top:clamp(-10px,-1vw,-4px);
  padding:clamp(72px,10vw,126px) clamp(18px,4vw,42px) clamp(64px,8vw,96px);
  background:
    linear-gradient(to bottom, rgba(153,52,44,.82), rgba(153,52,44,0)) center top / 1px 168px no-repeat,
    radial-gradient(ellipse at 50% 12%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(to bottom,
      rgba(8,6,7,.98) 0%,
      rgba(22,14,14,.985) 10%,
      rgba(55,36,32,.96) 19%,
      rgba(120,97,81,.72) 31%,
      rgba(212,198,181,.82) 43%,
      rgba(238,229,216,.97) 58%,
      rgba(245,238,228,1) 100%),
    linear-gradient(90deg,#e8ddcf 0%,#f4ede3 18%,#f4ede3 82%,#e8ddcf 100%);
  box-shadow:
    inset 0 32px 56px rgba(16,10,10,.24),
    inset 0 -18px 38px rgba(84,58,40,.05);
}
.chapter-one-reference .chapter-paper-stage::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background:
    linear-gradient(to bottom, rgba(0,0,0,.05), transparent 16%, transparent 74%, rgba(77,54,40,.04)),
    repeating-linear-gradient(0deg,rgba(83,61,44,.026) 0,rgba(83,61,44,.026) 1px,transparent 1px,transparent 4px);
}
.chapter-one-reference .chapter-paper-stage .chapter-paper{
  position:relative;
  z-index:1;
  margin:0 auto;
  transform:translateY(-8px);
  max-width:720px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),
    linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);
  box-shadow:
    0 48px 86px rgba(55,37,25,.34),
    0 18px 34px rgba(55,37,25,.25),
    -16px 0 30px rgba(55,37,25,.16),
    16px 0 30px rgba(55,37,25,.16),
    0 1px 0 rgba(255,255,255,.82) inset,
    0 0 0 1px rgba(91,63,45,.15);
}
/* Keep the approved new structure visually distinct from the old restored layout. */
.chapter-one-reference .chapter-paper-heading{
  padding-top:54px;
  padding-bottom:30px;
}
.chapter-one-reference .chapter-paper-heading h1{
  max-width:520px;
  font-size:clamp(2.25rem,4vw,3.25rem);
  line-height:1.05;
}
.chapter-one-reference .manuscript-body{
  padding-left:76px;
  padding-right:74px;
  padding-bottom:76px;
}
.chapter-one-reference .manuscript-body p,
.chapter-one-reference .manuscript-body li{
  font-size:clamp(.93rem,1.02vw,.99rem);
  line-height:1.72;
}
.chapter-one-reference .manuscript-body p{margin-bottom:1.16em}

@media(max-width:640px){
  .chapter-one-reference .chapter-paper-stage{
    margin-top:-6px;
    padding:54px 12px 54px;
  }
  .chapter-one-reference .chapter-paper-stage .chapter-paper{
    max-width:100%;
    box-shadow:
      0 26px 50px rgba(55,37,25,.30),
      0 10px 22px rgba(55,37,25,.22),
      0 0 0 1px rgba(91,63,45,.13);
  }
  .chapter-one-reference .chapter-paper-heading{padding:48px 22px 30px}
  .chapter-one-reference .chapter-paper-heading h1{font-size:clamp(2.1rem,10.5vw,3rem)}
  .chapter-one-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}
  .chapter-one-reference .manuscript-body p,
  .chapter-one-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
}

/* Task 3.1 — Chapter 2 second opening archetype
   The illustrated divider establishes identity; layered script marks loosen into the
   same warm, dimensional reading system approved for Chapter 1. */
.chapter-two-reference{
  position:relative;
  isolation:isolate;
}
.chapter-two-reference .chapter-divider-card{
  max-width:760px;
  margin-bottom:clamp(58px,8vw,92px);
  box-shadow:
    0 42px 100px rgba(0,0,0,.52),
    0 10px 30px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.05);
}
.chapter-two-reference .manuscript-opening{
  position:relative;
  margin-bottom:clamp(64px,9vw,108px);
}
.chapter-two-reference .manuscript-opening::before,
.chapter-two-reference .manuscript-opening::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  pointer-events:none;
}
.chapter-two-reference .manuscript-opening::before{
  top:-22px;
  width:min(680px,86vw);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(179,123,99,.22) 20%,rgba(179,123,99,.34) 50%,rgba(179,123,99,.22) 80%,transparent);
  box-shadow:0 13px 0 rgba(255,255,255,.025),0 26px 0 rgba(255,255,255,.018);
}
.chapter-two-reference .manuscript-opening::after{
  display:block;
  position:relative;
  left:auto;
  transform:none;
  width:1px;
  height:clamp(72px,10vw,112px);
  margin:46px auto -8px;
  background:linear-gradient(to bottom,rgba(151,47,42,.78),rgba(151,47,42,.28) 52%,rgba(151,47,42,0));
}
.chapter-two-reference .chapter-opening-question{
  max-width:650px;
  text-wrap:balance;
}
.chapter-two-reference .chapter-epigraph{
  max-width:600px;
  border-left-color:rgba(151,47,42,.72);
}
.chapter-two-reference .chapter-paper-stage{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-top:-8px;
  padding:clamp(74px,10vw,124px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);
  background:
    linear-gradient(to bottom,rgba(151,47,42,.76),rgba(151,47,42,0)) center top / 1px 168px no-repeat,
    repeating-linear-gradient(to bottom,transparent 0 24px,rgba(94,70,58,.025) 25px,transparent 26px) center 34% / min(920px,92vw) 240px no-repeat,
    linear-gradient(to bottom,
      rgba(8,6,7,.98) 0%,
      rgba(23,15,15,.985) 10%,
      rgba(61,42,37,.95) 21%,
      rgba(132,109,91,.70) 34%,
      rgba(214,199,181,.84) 46%,
      rgba(238,229,216,.98) 60%,
      rgba(244,236,225,1) 100%),
    linear-gradient(90deg,#e7dbcc 0%,#f3ebdf 18%,#f3ebdf 82%,#e7dbcc 100%);
  box-shadow:inset 0 34px 58px rgba(16,10,10,.24),inset 0 -18px 38px rgba(84,58,40,.05);
}
.chapter-two-reference .chapter-paper-stage::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background:
    linear-gradient(104deg,transparent 20%,rgba(255,255,255,.10) 48%,transparent 70%),
    repeating-linear-gradient(0deg,rgba(83,61,44,.025) 0,rgba(83,61,44,.025) 1px,transparent 1px,transparent 4px);
}
.chapter-two-reference .chapter-paper-stage .chapter-paper{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:0 auto;
  overflow:hidden;
  transform:translateY(-8px);
  background:
    linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),
    linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);
  box-shadow:
    0 48px 86px rgba(55,37,25,.34),
    0 18px 34px rgba(55,37,25,.25),
    -16px 0 30px rgba(55,37,25,.16),
    16px 0 30px rgba(55,37,25,.16),
    0 1px 0 rgba(255,255,255,.82) inset,
    0 0 0 1px rgba(91,63,45,.15);
}
.chapter-two-reference .chapter-paper::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.20;
  background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);
  mix-blend-mode:multiply;
}
.chapter-two-reference .chapter-paper::after{
  content:"";
  position:absolute;
  top:0;
  left:clamp(22px,5vw,54px);
  width:1px;
  height:100%;
  background:linear-gradient(to bottom,transparent 1%,rgba(139,42,38,.18) 10%,rgba(139,42,38,.09) 82%,transparent 99%);
  pointer-events:none;
}
.chapter-two-reference .chapter-paper-heading{
  position:relative;
  z-index:1;
  padding:54px 24px 30px;
}
.chapter-two-reference .chapter-paper-heading h1{
  max-width:520px;
  margin-inline:auto;
  font-size:clamp(2.25rem,4vw,3.25rem);
  line-height:1.05;
  text-wrap:balance;
}
.chapter-two-reference .manuscript-body{
  position:relative;
  z-index:1;
  padding-left:76px;
  padding-right:74px;
  padding-bottom:76px;
}
.chapter-two-reference .manuscript-body p,
.chapter-two-reference .manuscript-body li{
  font-size:clamp(.93rem,1.02vw,.99rem);
  line-height:1.72;
}
.chapter-two-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-two-reference .manuscript-body > p:first-child::first-letter{
  float:left;
  margin:.08em .1em 0 0;
  color:#87231f;
  font-size:4.25em;
  line-height:.72;
  font-family:Georgia,'Times New Roman',serif;
}
.chapter-section-heading{
  margin:54px 0 24px;
  color:#5e2925;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.35rem,2vw,1.7rem);
  font-weight:400;
  line-height:1.2;
}
.chapter-section-heading::after{
  content:"";
  display:block;
  width:36px;
  height:1px;
  margin-top:13px;
  background:rgba(139,42,38,.55);
}
@media(max-width:640px){
  .chapter-two-reference .chapter-divider-card{margin-bottom:50px}
  .chapter-two-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}
  .chapter-two-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(55,37,25,.30),0 10px 22px rgba(55,37,25,.22),0 0 0 1px rgba(91,63,45,.13)}
  .chapter-two-reference .chapter-paper::after{left:15px}
  .chapter-two-reference .chapter-paper-heading{padding:48px 22px 30px}
  .chapter-two-reference .chapter-paper-heading h1{font-size:clamp(2.1rem,10.5vw,3rem)}
  .chapter-two-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}
  .chapter-two-reference .manuscript-body p,.chapter-two-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
}


/* Task 3.1 — Chapter 3 third opening archetype
   Whisper becomes resonance: faint concentric sound-lines gather into a strong central pulse,
   then release into the shared warm manuscript field. */
.chapter-three-reference{position:relative;isolation:isolate}
.chapter-three-reference .chapter-divider-card{max-width:760px;margin-bottom:clamp(58px,8vw,92px);box-shadow:0 42px 100px rgba(0,0,0,.54),0 10px 30px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.05)}
.chapter-three-reference .manuscript-opening{position:relative;margin-bottom:clamp(68px,9vw,112px)}
.chapter-three-reference .manuscript-opening::before{content:"";position:absolute;left:50%;top:-52px;width:min(720px,90vw);height:220px;transform:translateX(-50%);pointer-events:none;background:repeating-radial-gradient(ellipse at center,transparent 0 22px,rgba(168,112,133,.075) 23px 24px,transparent 25px 43px);mask-image:linear-gradient(to bottom,transparent,#000 26%,#000 72%,transparent);opacity:.9}
.chapter-three-reference .manuscript-opening::after{content:"";display:block;width:2px;height:clamp(78px,10vw,118px);margin:50px auto -8px;background:linear-gradient(to bottom,rgba(181,31,46,.34),rgba(181,31,46,.92) 58%,rgba(181,31,46,0));box-shadow:0 0 24px rgba(181,31,46,.24)}
.chapter-three-reference .chapter-opening-question{max-width:660px;text-wrap:balance}
.chapter-three-reference .chapter-epigraph{max-width:600px;border-left-color:rgba(166,71,91,.78)}
.chapter-three-reference .chapter-paper-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-8px;padding:clamp(76px,10vw,126px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);background:linear-gradient(to bottom,rgba(181,31,46,.90),rgba(181,31,46,0)) center top / 2px 176px no-repeat,radial-gradient(ellipse at 50% 10%,rgba(157,105,129,.16),transparent 36%),linear-gradient(to bottom,#07060a 0%,#120d14 10%,#362532 22%,#7e6568 35%,#d5c6b6 48%,#efe6d9 62%,#f5eee4 100%);box-shadow:inset 0 34px 58px rgba(10,7,12,.28),inset 0 -18px 38px rgba(84,58,40,.05)}
.chapter-three-reference .chapter-paper-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.10),transparent 42%),repeating-linear-gradient(0deg,rgba(83,61,44,.025) 0,rgba(83,61,44,.025) 1px,transparent 1px,transparent 4px)}
.chapter-three-reference .chapter-paper-stage .chapter-paper{position:relative;z-index:1;max-width:720px;margin:0 auto;overflow:hidden;transform:translateY(-8px);background:linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);box-shadow:0 48px 86px rgba(55,37,25,.34),0 18px 34px rgba(55,37,25,.25),-16px 0 30px rgba(55,37,25,.16),16px 0 30px rgba(55,37,25,.16),0 1px 0 rgba(255,255,255,.82) inset,0 0 0 1px rgba(91,63,45,.15)}
.chapter-three-reference .chapter-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.20;background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.chapter-three-reference .chapter-paper::after{content:"";position:absolute;top:0;left:clamp(22px,5vw,54px);width:1px;height:100%;background:linear-gradient(to bottom,transparent 1%,rgba(139,42,55,.20) 10%,rgba(139,42,55,.10) 82%,transparent 99%);pointer-events:none}
.chapter-three-reference .chapter-paper-heading{position:relative;z-index:1;padding:54px 24px 30px}
.chapter-three-reference .chapter-paper-heading h1{max-width:560px;margin-inline:auto;font-size:clamp(2.2rem,3.9vw,3.2rem);line-height:1.05;text-wrap:balance}
.chapter-three-reference .manuscript-body{position:relative;z-index:1;padding-left:76px;padding-right:74px;padding-bottom:76px}
.chapter-three-reference .manuscript-body p,.chapter-three-reference .manuscript-body li{font-size:clamp(.93rem,1.02vw,.99rem);line-height:1.72}
.chapter-three-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-three-reference .manuscript-body>p:first-child::first-letter{float:left;margin:.08em .1em 0 0;color:#87231f;font-size:4.25em;line-height:.72;font-family:Georgia,'Times New Roman',serif}
@media(max-width:640px){.chapter-three-reference .chapter-divider-card{margin-bottom:50px}.chapter-three-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}.chapter-three-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(55,37,25,.30),0 10px 22px rgba(55,37,25,.22),0 0 0 1px rgba(91,63,45,.13)}.chapter-three-reference .chapter-paper::after{left:15px}.chapter-three-reference .chapter-paper-heading{padding:48px 22px 30px}.chapter-three-reference .chapter-paper-heading h1{font-size:clamp(2.05rem,10vw,2.9rem)}.chapter-three-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}.chapter-three-reference .manuscript-body p,.chapter-three-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}}


/* Task 3.1 — Chapter 4 fourth opening archetype
   Ember becomes heat, flame, and light. A contained candle-glow opens into the shared
   warm manuscript field through one continuous opaque vertical transition. */
.chapter-four-reference{position:relative;isolation:isolate}
.chapter-four-reference .chapter-divider-card{max-width:760px;margin-bottom:clamp(58px,8vw,92px);box-shadow:0 42px 100px rgba(0,0,0,.56),0 10px 30px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.05)}
.chapter-four-reference .manuscript-opening{position:relative;margin-bottom:clamp(68px,9vw,112px)}
.chapter-four-reference .manuscript-opening::before{content:"";position:absolute;left:50%;top:-64px;width:min(600px,88vw);height:260px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(213,113,55,.19) 0%,rgba(173,59,34,.10) 26%,rgba(95,25,22,.05) 46%,transparent 72%);filter:blur(1px)}
.chapter-four-reference .manuscript-opening::after{content:"";display:block;width:3px;height:clamp(84px,11vw,126px);margin:48px auto -8px;background:linear-gradient(to bottom,rgba(239,166,82,.18),rgba(205,72,39,.96) 42%,rgba(148,35,31,.78) 70%,rgba(148,35,31,0));box-shadow:0 0 14px rgba(224,102,52,.44),0 0 34px rgba(178,49,34,.25);border-radius:50%}
.chapter-four-reference .chapter-opening-question{max-width:660px;text-wrap:balance}
.chapter-four-reference .chapter-epigraph{max-width:600px;border-left-color:rgba(196,82,42,.78)}
.chapter-four-reference .chapter-paper-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-8px;padding:clamp(76px,10vw,126px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);background:linear-gradient(to bottom,#070506 0%,#160b0a 9%,#3c1712 20%,#7c3b29 32%,#b9815e 43%,#d9c2aa 53%,#eee3d5 66%,#f5eee4 100%);box-shadow:inset 0 34px 58px rgba(15,7,5,.30),inset 0 -18px 38px rgba(84,58,40,.05)}
.chapter-four-reference .chapter-paper-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 5%,rgba(244,146,73,.20),transparent 30%),radial-gradient(ellipse at 50% 25%,rgba(255,220,175,.10),transparent 42%);opacity:.82}
.chapter-four-reference .chapter-paper-stage .chapter-paper{position:relative;z-index:1;max-width:720px;margin:0 auto;overflow:hidden;transform:translateY(-8px);background:linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);box-shadow:0 48px 86px rgba(55,37,25,.34),0 18px 34px rgba(55,37,25,.25),-16px 0 30px rgba(55,37,25,.16),16px 0 30px rgba(55,37,25,.16),0 1px 0 rgba(255,255,255,.82) inset,0 0 0 1px rgba(91,63,45,.15)}
.chapter-four-reference .chapter-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.20;background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.chapter-four-reference .chapter-paper::after{content:"";position:absolute;top:0;left:clamp(22px,5vw,54px);width:1px;height:100%;background:linear-gradient(to bottom,transparent 1%,rgba(165,58,35,.22) 10%,rgba(139,42,35,.10) 82%,transparent 99%);pointer-events:none}
.chapter-four-reference .chapter-paper-heading{position:relative;z-index:1;padding:54px 24px 30px}
.chapter-four-reference .chapter-paper-heading h1{max-width:560px;margin-inline:auto;font-size:clamp(2.2rem,3.9vw,3.2rem);line-height:1.05;text-wrap:balance}
.chapter-four-reference .manuscript-body{position:relative;z-index:1;padding-left:76px;padding-right:74px;padding-bottom:76px}
.chapter-four-reference .manuscript-body p,.chapter-four-reference .manuscript-body li{font-size:clamp(.93rem,1.02vw,.99rem);line-height:1.72}
.chapter-four-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-four-reference .manuscript-body>p:first-child::first-letter{float:left;margin:.08em .1em 0 0;color:#9a321f;font-size:4.25em;line-height:.72;font-family:Georgia,'Times New Roman',serif}
@media(max-width:640px){.chapter-four-reference .chapter-divider-card{margin-bottom:50px}.chapter-four-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}.chapter-four-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(55,37,25,.30),0 10px 22px rgba(55,37,25,.22),0 0 0 1px rgba(91,63,45,.13)}.chapter-four-reference .chapter-paper::after{left:15px}.chapter-four-reference .chapter-paper-heading{padding:48px 22px 30px}.chapter-four-reference .chapter-paper-heading h1{font-size:clamp(2.05rem,10vw,2.9rem)}.chapter-four-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}.chapter-four-reference .manuscript-body p,.chapter-four-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}}


/* Chapter 1 reading-surface redesign — designed-book paragraph flow with restrained emphasis. */
.chapter-one-reference .chapter-opening-question{
  position:relative;
  padding-bottom:18px;
}
.chapter-one-reference .chapter-opening-question::after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin:15px auto 0;
  background:rgba(151,47,42,.78);
}
.chapter-one-reference .chapter-paper::after{
  content:"";
  position:absolute;
  top:0;
  left:clamp(22px,5vw,54px);
  width:1px;
  height:100%;
  background:linear-gradient(to bottom,transparent 1%,rgba(139,42,38,.18) 10%,rgba(139,42,38,.09) 82%,transparent 99%);
  pointer-events:none;
}
.chapter-one-reference .manuscript-body > p:first-child::first-letter{
  float:left;
  margin:.08em .1em 0 0;
  color:#87231f;
  font-size:4.25em;
  line-height:.72;
  font-family:Georgia,'Times New Roman',serif;
}
.impact-statement{
  position:relative;
  margin:2.1em 0 2.15em;
  padding:.25em 0 .25em 1.35em;
  border-left:2px solid rgba(139,42,38,.72);
  color:#4d2926;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.06rem,1.35vw,1.22rem);
  font-style:italic;
  line-height:1.62;
}
.chapter-one-reference .chapter-declaration{
  max-width:570px;
  margin:2.25em auto 1.9em;
  text-align:center;
  letter-spacing:.075em;
  line-height:1.6;
}
@media(max-width:640px){
  .chapter-one-reference .chapter-paper::after{left:15px}
  .impact-statement{margin:1.8em 0;padding-left:1.05em;font-size:1.05rem;line-height:1.58}
  .chapter-one-reference .chapter-opening-question::after{margin-top:13px}
}

/* Chapter 2 reading-surface refinement — book-style flow with restrained red accents. */
.chapter-two-reference .chapter-opening-question{
  position:relative;
  padding-bottom:18px;
}
.chapter-two-reference .chapter-opening-question::after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin:15px auto 0;
  background:rgba(151,47,42,.78);
}
.chapter-two-reference .impact-statement{
  border-left-color:rgba(139,42,38,.72);
}
@media(max-width:640px){
  .chapter-two-reference .chapter-opening-question::after{margin-top:13px}
}

/* Mobile reading-system refinements — validated from iPhone 16 and Samsung S20 FE review.
   Preserve the approved paragraph rhythm while improving small-screen details. */
.chapter-one-reference .manuscript-body > p:first-child::first-letter{
  margin-right:.025em;
}

.chapter-one-reference .living-reflection-title,
.chapter-two-reference .living-reflection-title{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

@media (max-width: 480px){
  .chapter-one-reference .manuscript-body > p:first-child::first-letter{
    margin-right:.015em;
  }

  .chapter-one-reference .reflection-divider,
  .chapter-two-reference .reflection-divider{
    gap:10px;
    font-size:.72rem;
    letter-spacing:.11em;
    white-space:nowrap;
  }

  .chapter-one-reference .reflection-divider span,
  .chapter-two-reference .reflection-divider span{
    display:block;
    flex:1 1 28px;
    min-width:28px;
    max-width:72px;
    height:1px;
  }
}

@media (max-width: 370px){
  .chapter-one-reference .reflection-divider,
  .chapter-two-reference .reflection-divider{
    gap:7px;
    font-size:.68rem;
    letter-spacing:.08em;
  }

  .chapter-one-reference .reflection-divider span,
  .chapter-two-reference .reflection-divider span{
    min-width:20px;
  }
}

/* Chapter 3 reading-surface refinement — designed-book flow with restrained resonance accents. */
.chapter-three-reference .chapter-opening-question{
  position:relative;
  padding-bottom:18px;
}
.chapter-three-reference .chapter-opening-question::after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin:15px auto 0;
  background:rgba(151,47,62,.78);
}
.chapter-three-reference .manuscript-body > p:first-child::first-letter{
  margin-right:.025em;
}
.chapter-three-reference .living-reflection-title{
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.chapter-three-reference .impact-statement{
  border-left-color:rgba(151,47,62,.76);
}
@media(max-width:640px){
  .chapter-three-reference .chapter-opening-question::after{margin-top:13px}
}
@media(max-width:480px){
  .chapter-three-reference .manuscript-body > p:first-child::first-letter{margin-right:.015em}
  .chapter-three-reference .reflection-divider{
    gap:10px;
    font-size:.72rem;
    letter-spacing:.11em;
    white-space:nowrap;
  }
  .chapter-three-reference .reflection-divider span{
    display:block;
    flex:1 1 28px;
    min-width:28px;
    max-width:72px;
    height:1px;
  }
}
@media(max-width:370px){
  .chapter-three-reference .reflection-divider{
    gap:7px;
    font-size:.68rem;
    letter-spacing:.08em;
  }
  .chapter-three-reference .reflection-divider span{min-width:20px}
}

/* Shared chapter hierarchy — Closing Affirmations are ceremonial end-markers.
   Dark panel + restrained red rule; used consistently across all integrated chapters. */
.chapter-template .closing-affirmation-heading{
  margin-bottom:14px;
}
.chapter-template .closing-affirmation-panel{
  position:relative;
  margin:0 0 8px;
  padding:25px 28px 25px 31px;
  border:0;
  border-left:3px solid rgba(151,47,42,.88);
  background:linear-gradient(135deg,rgba(42,31,29,.97),rgba(63,43,37,.94));
  color:#f4eee7;
  box-shadow:0 13px 28px rgba(48,31,24,.18),inset 0 0 0 1px rgba(255,255,255,.035);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.7vw,1.28rem);
  font-style:italic;
  line-height:1.68;
}
.chapter-template .closing-affirmation-panel::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:14px;
  width:28px;
  height:1px;
  background:rgba(169,65,55,.58);
}
@media(max-width:480px){
  .chapter-template .closing-affirmation-panel{
    padding:22px 20px 22px 23px;
    border-left-width:3px;
    font-size:1.06rem;
    line-height:1.62;
  }
}

/* Refined shared affirmation standard — light, integrated, literary. */
.chapter-template .closing-affirmation-panel{
  position:relative;
  margin:0 0 8px;
  padding:25px 28px 25px 31px;
  border:0;
  border-left:2px solid rgba(151,47,42,.72);
  background:linear-gradient(135deg,rgba(244,237,229,.92),rgba(238,229,220,.76));
  color:#3f342f;
  box-shadow:0 8px 20px rgba(66,47,36,.07),inset 0 0 0 1px rgba(125,93,73,.05);
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.7vw,1.28rem);
  font-style:italic;
  line-height:1.68;
}
.chapter-template .closing-affirmation-panel::after{
  background:rgba(169,65,55,.34);
}

/* Chapter 3 opening epigraph — centered ceremonial entrance. */
.chapter-three-reference .chapter-epigraph{
  max-width:650px;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
  border-left:0;
  text-align:center;
  text-wrap:balance;
}

@media(max-width:480px){
  .chapter-template .closing-affirmation-panel{
    padding:22px 20px 22px 23px;
    border-left-width:2px;
    font-size:1.06rem;
    line-height:1.62;
  }
  .chapter-three-reference .chapter-epigraph{
    padding-left:8px;
    padding-right:8px;
  }
}

/* Chapter 4 reading-surface refinement — designed-book paragraph rhythm. */
.chapter-four-reference .chapter-opening-question::after{
  content:"";display:block;width:44px;height:1px;margin:17px auto 0;background:rgba(151,47,42,.68);
}
.chapter-four-reference .impact-statement{
  margin:1.7rem 0 1.9rem;padding:.25rem 0 .25rem 1.25rem;border-left:2px solid rgba(151,47,42,.74);
  color:#4a3831;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.03rem,1.45vw,1.16rem);line-height:1.62;
}
.chapter-four-reference .living-reflection-title{text-align:center;text-wrap:balance;}
.chapter-four-reference .reflection-divider span{min-width:32px;}
@media(max-width:480px){
  .chapter-four-reference .manuscript-body>p:first-child::first-letter{margin-right:.015em;}
  .chapter-four-reference .reflection-divider{gap:9px;font-size:.72rem;letter-spacing:.09em;}
  .chapter-four-reference .reflection-divider span{display:block;flex:1 1 24px;min-width:24px;max-width:54px;}
  .chapter-four-reference .impact-statement{padding-left:1rem;margin:1.45rem 0 1.65rem;}
}
@media(max-width:370px){
  .chapter-four-reference .reflection-divider{gap:7px;font-size:.68rem;letter-spacing:.08em;}
  .chapter-four-reference .reflection-divider span{min-width:20px;}
}


/* Chapter 5 — Foundations of Inner Strength: ground, endurance, support */
.chapter-five-reference{position:relative;isolation:isolate}
.chapter-five-reference .chapter-divider-card{max-width:760px;margin-bottom:clamp(58px,8vw,92px);box-shadow:0 42px 100px rgba(0,0,0,.54),0 10px 30px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.05)}
.chapter-five-reference .manuscript-opening{position:relative;margin-bottom:clamp(68px,9vw,112px)}
.chapter-five-reference .manuscript-opening::before{content:"";position:absolute;left:50%;top:-58px;width:min(640px,90vw);height:250px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(154,111,74,.18) 0%,rgba(88,66,48,.10) 34%,transparent 72%)}
.chapter-five-reference .manuscript-opening::after{content:"";display:block;width:clamp(90px,18vw,170px);height:2px;margin:48px auto -8px;background:linear-gradient(to right,transparent,rgba(155,45,38,.90) 28%,rgba(155,45,38,.90) 72%,transparent);box-shadow:0 4px 16px rgba(116,67,42,.22)}
.chapter-five-reference .chapter-opening-question{max-width:660px;text-wrap:balance}
.chapter-five-reference .chapter-opening-question::after{content:"";display:block;width:44px;height:2px;margin:18px auto 0;background:#a63b31;border-radius:999px}
.chapter-five-reference .chapter-epigraph{max-width:610px;border-left-color:rgba(148,71,48,.72);text-align:center}
.chapter-five-reference .chapter-paper-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-8px;padding:clamp(76px,10vw,126px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);background:linear-gradient(to bottom,#080706 0%,#16130f 9%,#32291f 20%,#66503b 32%,#9b8164 43%,#c8b49a 54%,#e7dbca 67%,#f5eee4 100%);box-shadow:inset 0 34px 58px rgba(12,9,6,.30),inset 0 -18px 38px rgba(84,58,40,.05)}
.chapter-five-reference .chapter-paper-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0,rgba(255,255,255,.028) 1px,transparent 1px,transparent 18px),radial-gradient(ellipse at 50% 10%,rgba(224,196,153,.14),transparent 38%)}
.chapter-five-reference .chapter-paper-stage .chapter-paper{position:relative;z-index:1;max-width:720px;margin:0 auto;overflow:hidden;transform:translateY(-8px);background:linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);box-shadow:0 48px 86px rgba(55,37,25,.34),0 18px 34px rgba(55,37,25,.25),-16px 0 30px rgba(55,37,25,.16),16px 0 30px rgba(55,37,25,.16),0 1px 0 rgba(255,255,255,.82) inset,0 0 0 1px rgba(91,63,45,.15)}
.chapter-five-reference .chapter-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.20;background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.chapter-five-reference .chapter-paper::after{content:"";position:absolute;top:0;left:clamp(22px,5vw,54px);width:1px;height:100%;background:linear-gradient(to bottom,transparent 1%,rgba(165,58,35,.22) 10%,rgba(139,42,35,.10) 82%,transparent 99%);pointer-events:none}
.chapter-five-reference .chapter-paper-heading{position:relative;z-index:1;padding:54px 24px 30px}
.chapter-five-reference .chapter-paper-heading h1{max-width:580px;margin-inline:auto;font-size:clamp(2.15rem,3.8vw,3.15rem);line-height:1.06;text-wrap:balance}
.chapter-five-reference .manuscript-body{position:relative;z-index:1;padding-left:76px;padding-right:74px;padding-bottom:76px}
.chapter-five-reference .manuscript-body p,.chapter-five-reference .manuscript-body li{font-size:clamp(.93rem,1.02vw,.99rem);line-height:1.72}
.chapter-five-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-five-reference .manuscript-body>p:first-child::first-letter{float:left;margin:.08em .015em 0 0;color:#9a321f;font-size:4.25em;line-height:.72;font-family:Georgia,'Times New Roman',serif}
.chapter-five-reference .impact-statement{border-left:3px solid #a63b31;padding-left:1.2rem;margin:1.8rem 0 2rem;color:#35261f;font-style:italic}
.chapter-five-reference .living-reflection-title{text-align:center;text-wrap:balance}
.chapter-five-reference .reflection-divider span{min-width:32px}
@media(max-width:640px){
 .chapter-five-reference .chapter-divider-card{margin-bottom:50px}
 .chapter-five-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}
 .chapter-five-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(55,37,25,.30),0 10px 22px rgba(55,37,25,.22),0 0 0 1px rgba(91,63,45,.13)}
 .chapter-five-reference .chapter-paper::after{left:15px}
 .chapter-five-reference .chapter-paper-heading{padding:48px 22px 30px}
 .chapter-five-reference .chapter-paper-heading h1{font-size:clamp(2rem,9.5vw,2.8rem)}
 .chapter-five-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}
 .chapter-five-reference .manuscript-body p,.chapter-five-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
 .chapter-five-reference .reflection-divider{gap:9px;font-size:.72rem;letter-spacing:.09em}
 .chapter-five-reference .reflection-divider span{display:block;flex:1 1 24px;min-width:24px;max-width:54px}
 .chapter-five-reference .impact-statement{padding-left:1rem;margin:1.45rem 0 1.65rem}
}
@media(max-width:390px){
 .chapter-five-reference .reflection-divider{gap:7px;font-size:.68rem;letter-spacing:.08em}
 .chapter-five-reference .reflection-divider span{min-width:20px}
}


/* Chapter 6 — Beacons on the Path: darkness, guidance, relational light, blueprint */
.chapter-six-reference{position:relative;isolation:isolate}
.chapter-six-reference .chapter-divider-card{max-width:760px;margin-bottom:clamp(58px,8vw,92px);box-shadow:0 42px 100px rgba(0,0,0,.54),0 10px 30px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.05)}
.chapter-six-reference .manuscript-opening{position:relative;margin-bottom:clamp(68px,9vw,112px)}
.chapter-six-reference .manuscript-opening::before{content:"";position:absolute;left:50%;top:-62px;width:min(680px,92vw);height:270px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(226,196,128,.17) 0%,rgba(117,93,61,.10) 32%,transparent 70%)}
.chapter-six-reference .manuscript-opening::after{content:"";display:block;width:clamp(100px,19vw,180px);height:2px;margin:48px auto -8px;background:linear-gradient(to right,transparent,rgba(158,54,43,.9) 28%,rgba(158,54,43,.9) 72%,transparent);box-shadow:0 4px 18px rgba(116,67,42,.20)}
.chapter-six-reference .chapter-opening-question{max-width:660px;text-wrap:balance}
.chapter-six-reference .chapter-opening-question::after{content:"";display:block;width:44px;height:2px;margin:18px auto 0;background:#a63b31;border-radius:999px}
.chapter-six-reference .chapter-epigraph{max-width:650px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;border-left:0;text-align:center;text-wrap:balance}
.chapter-six-reference .chapter-paper-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-8px;padding:clamp(76px,10vw,126px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);background:linear-gradient(to bottom,#060708 0%,#10161a 10%,#202c30 21%,#465652 33%,#7e806d 45%,#b8a98d 57%,#ded0bb 70%,#f4ede2 100%);box-shadow:inset 0 34px 58px rgba(7,10,11,.34),inset 0 -18px 38px rgba(84,58,40,.05)}
.chapter-six-reference .chapter-paper-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.52;background:radial-gradient(circle at 22% 15%,rgba(238,207,126,.15),transparent 18%),radial-gradient(circle at 76% 24%,rgba(225,192,107,.11),transparent 15%),radial-gradient(ellipse at 50% 10%,rgba(223,198,145,.12),transparent 38%)}
.chapter-six-reference .chapter-paper-stage .chapter-paper{position:relative;z-index:1;max-width:720px;margin:0 auto;overflow:hidden;transform:translateY(-8px);background:linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);box-shadow:0 48px 86px rgba(45,39,31,.34),0 18px 34px rgba(45,39,31,.25),-16px 0 30px rgba(45,39,31,.14),16px 0 30px rgba(45,39,31,.14),0 1px 0 rgba(255,255,255,.82) inset,0 0 0 1px rgba(91,63,45,.15)}
.chapter-six-reference .chapter-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.20;background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.chapter-six-reference .chapter-paper::after{content:"";position:absolute;top:0;left:clamp(22px,5vw,54px);width:1px;height:100%;background:linear-gradient(to bottom,transparent 1%,rgba(165,58,35,.22) 10%,rgba(139,42,35,.10) 82%,transparent 99%);pointer-events:none}
.chapter-six-reference .chapter-paper-heading{position:relative;z-index:1;padding:54px 24px 30px}
.chapter-six-reference .chapter-paper-heading h1{max-width:580px;margin-inline:auto;font-size:clamp(2.15rem,3.8vw,3.15rem);line-height:1.06;text-wrap:balance}
.chapter-six-reference .manuscript-body{position:relative;z-index:1;padding-left:76px;padding-right:74px;padding-bottom:76px}
.chapter-six-reference .manuscript-body p,.chapter-six-reference .manuscript-body li{font-size:clamp(.93rem,1.02vw,.99rem);line-height:1.72}
.chapter-six-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-six-reference .manuscript-body>p:first-child::first-letter{float:left;margin:.08em .015em 0 0;color:#9a321f;font-size:4.25em;line-height:.72;font-family:Georgia,'Times New Roman',serif}
.chapter-six-reference .impact-statement{border-left:2px solid #a63b31;padding:.25rem 0 .25rem 1.2rem;margin:1.8rem 0 2rem;color:#35261f;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.03rem,1.45vw,1.16rem);line-height:1.62;font-style:italic}
.chapter-six-reference .living-reflection-title{text-align:center;text-wrap:balance}
.chapter-six-reference .reflection-divider span{min-width:32px}
@media(max-width:640px){
 .chapter-six-reference .chapter-divider-card{margin-bottom:50px}
 .chapter-six-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}
 .chapter-six-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(45,39,31,.30),0 10px 22px rgba(45,39,31,.22),0 0 0 1px rgba(91,63,45,.13)}
 .chapter-six-reference .chapter-paper::after{left:15px}
 .chapter-six-reference .chapter-paper-heading{padding:48px 22px 30px}
 .chapter-six-reference .chapter-paper-heading h1{font-size:clamp(2rem,9.5vw,2.8rem)}
 .chapter-six-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}
 .chapter-six-reference .manuscript-body p,.chapter-six-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
 .chapter-six-reference .reflection-divider{gap:9px;font-size:.72rem;letter-spacing:.09em}
 .chapter-six-reference .reflection-divider span{display:block;flex:1 1 24px;min-width:24px;max-width:54px}
 .chapter-six-reference .impact-statement{padding-left:1rem;margin:1.45rem 0 1.65rem}
}
@media(max-width:390px){
 .chapter-six-reference .reflection-divider{gap:7px;font-size:.68rem;letter-spacing:.08em}
 .chapter-six-reference .reflection-divider span{min-width:20px}
}

/* Chapter 7 — Blueprints of Becoming */
.chapter-seven-reference{position:relative;isolation:isolate}
.chapter-seven-reference .chapter-divider-card{max-width:760px;margin-bottom:clamp(58px,8vw,92px);box-shadow:0 42px 100px rgba(0,0,0,.52),0 10px 30px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.05)}
.chapter-seven-reference .manuscript-opening{position:relative;margin-bottom:clamp(68px,9vw,112px)}
.chapter-seven-reference .manuscript-opening::before{content:"";position:absolute;left:50%;top:-64px;width:min(700px,94vw);height:280px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(186,203,216,.18) 0%,rgba(122,139,151,.11) 34%,transparent 70%)}
.chapter-seven-reference .manuscript-opening::after{content:"";display:block;width:clamp(100px,19vw,180px);height:2px;margin:48px auto -8px;background:linear-gradient(to right,transparent,rgba(158,54,43,.9) 28%,rgba(158,54,43,.9) 72%,transparent);box-shadow:0 4px 18px rgba(116,67,42,.18)}
.chapter-seven-reference .chapter-opening-question{max-width:680px;text-wrap:balance}
.chapter-seven-reference .chapter-opening-question::after{content:"";display:block;width:44px;height:2px;margin:18px auto 0;background:#a63b31;border-radius:999px}
.chapter-seven-reference .chapter-epigraph{max-width:650px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;border-left:0;text-align:center;text-wrap:balance}
.chapter-seven-reference .chapter-paper-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-8px;padding:clamp(76px,10vw,126px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);background:linear-gradient(to bottom,#07090b 0%,#11171d 11%,#25323a 23%,#53656a 36%,#8a938d 48%,#bcb8aa 61%,#ded3c2 74%,#f4ede2 100%);box-shadow:inset 0 34px 58px rgba(7,10,11,.33),inset 0 -18px 38px rgba(84,58,40,.05)}
.chapter-seven-reference .chapter-paper-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background:linear-gradient(120deg,transparent 0 24%,rgba(255,255,255,.05) 24.5% 25%,transparent 25.5% 100%),radial-gradient(circle at 78% 18%,rgba(218,229,233,.16),transparent 17%),radial-gradient(ellipse at 52% 12%,rgba(207,215,207,.12),transparent 40%)}
.chapter-seven-reference .chapter-paper-stage .chapter-paper{position:relative;z-index:1;max-width:720px;margin:0 auto;overflow:hidden;transform:translateY(-8px);background:linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);box-shadow:0 48px 86px rgba(45,39,31,.34),0 18px 34px rgba(45,39,31,.25),-16px 0 30px rgba(45,39,31,.14),16px 0 30px rgba(45,39,31,.14),0 1px 0 rgba(255,255,255,.82) inset,0 0 0 1px rgba(91,63,45,.15)}
.chapter-seven-reference .chapter-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.chapter-seven-reference .chapter-paper::after{content:"";position:absolute;top:0;left:clamp(22px,5vw,54px);width:1px;height:100%;background:linear-gradient(to bottom,transparent 1%,rgba(165,58,35,.22) 10%,rgba(139,42,35,.10) 82%,transparent 99%);pointer-events:none}
.chapter-seven-reference .chapter-paper-heading{position:relative;z-index:1;padding:54px 24px 30px}
.chapter-seven-reference .chapter-paper-heading h1{max-width:590px;margin-inline:auto;font-size:clamp(2.15rem,3.8vw,3.15rem);line-height:1.06;text-wrap:balance}
.chapter-seven-reference .manuscript-body{position:relative;z-index:1;padding-left:76px;padding-right:74px;padding-bottom:76px}
.chapter-seven-reference .manuscript-body p,.chapter-seven-reference .manuscript-body li{font-size:clamp(.93rem,1.02vw,.99rem);line-height:1.72}
.chapter-seven-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-seven-reference .manuscript-body>p:first-child::first-letter{float:left;margin:.08em .015em 0 0;color:#9a321f;font-size:4.25em;line-height:.72;font-family:Georgia,'Times New Roman',serif}
.chapter-seven-reference .impact-statement{border-left:2px solid #a63b31;padding:.25rem 0 .25rem 1.2rem;margin:1.8rem 0 2rem;color:#35261f;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.03rem,1.45vw,1.16rem);line-height:1.62;font-style:italic}
.chapter-seven-reference .living-reflection-title{text-align:center;text-wrap:balance}
.chapter-seven-reference .reflection-divider span{min-width:32px}
@media(max-width:640px){
 .chapter-seven-reference .chapter-divider-card{margin-bottom:50px}
 .chapter-seven-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}
 .chapter-seven-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(45,39,31,.30),0 10px 22px rgba(45,39,31,.22),0 0 0 1px rgba(91,63,45,.13)}
 .chapter-seven-reference .chapter-paper::after{left:15px}
 .chapter-seven-reference .chapter-paper-heading{padding:48px 22px 30px}
 .chapter-seven-reference .chapter-paper-heading h1{font-size:clamp(2rem,9.5vw,2.8rem)}
 .chapter-seven-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}
 .chapter-seven-reference .manuscript-body p,.chapter-seven-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
 .chapter-seven-reference .reflection-divider{gap:9px;font-size:.72rem;letter-spacing:.09em}
 .chapter-seven-reference .reflection-divider span{display:block;flex:1 1 24px;min-width:24px;max-width:54px}
 .chapter-seven-reference .impact-statement{padding-left:1rem;margin:1.45rem 0 1.65rem}
}
@media(max-width:390px){
 .chapter-seven-reference .reflection-divider{gap:7px;font-size:.68rem;letter-spacing:.08em}
 .chapter-seven-reference .reflection-divider span{min-width:20px}
}

/* Chapter 8 — The Practice of Truth */
.chapter-eight-reference{position:relative;isolation:isolate}
.chapter-eight-reference .chapter-divider-card{max-width:760px;margin-bottom:clamp(58px,8vw,92px);box-shadow:0 42px 100px rgba(0,0,0,.52),0 10px 30px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.05)}
.chapter-eight-reference .manuscript-opening{position:relative;margin-bottom:clamp(68px,9vw,112px)}
.chapter-eight-reference .manuscript-opening::before{content:"";position:absolute;left:50%;top:-64px;width:min(700px,94vw);height:280px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(170,188,202,.17) 0%,rgba(102,121,136,.10) 36%,transparent 71%)}
.chapter-eight-reference .manuscript-opening::after{content:"";display:block;width:clamp(100px,19vw,180px);height:2px;margin:48px auto -8px;background:linear-gradient(to right,transparent,rgba(158,54,43,.9) 28%,rgba(158,54,43,.9) 72%,transparent);box-shadow:0 4px 18px rgba(116,67,42,.18)}
.chapter-eight-reference .chapter-opening-question{max-width:680px;text-wrap:balance}
.chapter-eight-reference .chapter-opening-question::after{content:"";display:block;width:44px;height:2px;margin:18px auto 0;background:#a63b31;border-radius:999px}
.chapter-eight-reference .chapter-epigraph{max-width:650px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;border-left:0;text-align:center;text-wrap:balance}
.chapter-eight-reference .chapter-paper-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-8px;padding:clamp(76px,10vw,126px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);background:linear-gradient(to bottom,#07090b 0%,#10161b 12%,#223039 25%,#4d6168 39%,#87918d 52%,#bbb8ab 65%,#ded4c4 78%,#f4ede2 100%);box-shadow:inset 0 34px 58px rgba(7,10,11,.33),inset 0 -18px 38px rgba(84,58,40,.05)}
.chapter-eight-reference .chapter-paper-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.46;background:repeating-linear-gradient(90deg,transparent 0 58px,rgba(255,255,255,.025) 59px 60px,transparent 61px 118px),radial-gradient(circle at 20% 16%,rgba(218,229,233,.13),transparent 16%),radial-gradient(ellipse at 72% 11%,rgba(207,215,207,.10),transparent 38%)}
.chapter-eight-reference .chapter-paper-stage .chapter-paper{position:relative;z-index:1;max-width:720px;margin:0 auto;overflow:hidden;transform:translateY(-8px);background:linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);box-shadow:0 48px 86px rgba(45,39,31,.34),0 18px 34px rgba(45,39,31,.25),-16px 0 30px rgba(45,39,31,.14),16px 0 30px rgba(45,39,31,.14),0 1px 0 rgba(255,255,255,.82) inset,0 0 0 1px rgba(91,63,45,.15)}
.chapter-eight-reference .chapter-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.chapter-eight-reference .chapter-paper::after{content:"";position:absolute;top:0;left:clamp(22px,5vw,54px);width:1px;height:100%;background:linear-gradient(to bottom,transparent 1%,rgba(165,58,35,.22) 10%,rgba(139,42,35,.10) 82%,transparent 99%);pointer-events:none}
.chapter-eight-reference .chapter-paper-heading{position:relative;z-index:1;padding:54px 24px 30px}
.chapter-eight-reference .chapter-paper-heading h1{max-width:590px;margin-inline:auto;font-size:clamp(2.15rem,3.8vw,3.15rem);line-height:1.06;text-wrap:balance}
.chapter-eight-reference .manuscript-body{position:relative;z-index:1;padding-left:76px;padding-right:74px;padding-bottom:76px}
.chapter-eight-reference .manuscript-body p,.chapter-eight-reference .manuscript-body li{font-size:clamp(.93rem,1.02vw,.99rem);line-height:1.72}
.chapter-eight-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-eight-reference .manuscript-body>p:first-child::first-letter{float:left;margin:.08em .015em 0 0;color:#9a321f;font-size:4.25em;line-height:.72;font-family:Georgia,'Times New Roman',serif}
.chapter-eight-reference .impact-statement{border-left:2px solid #a63b31;padding:.25rem 0 .25rem 1.2rem;margin:1.8rem 0 2rem;color:#35261f;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.03rem,1.45vw,1.16rem);line-height:1.62;font-style:italic}
.chapter-eight-reference .living-reflection-title{text-align:center;text-wrap:balance}
.chapter-eight-reference .reflection-divider span{min-width:32px}
@media(max-width:640px){
 .chapter-eight-reference .chapter-divider-card{margin-bottom:50px}
 .chapter-eight-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}
 .chapter-eight-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(45,39,31,.30),0 10px 22px rgba(45,39,31,.22),0 0 0 1px rgba(91,63,45,.13)}
 .chapter-eight-reference .chapter-paper::after{left:15px}
 .chapter-eight-reference .chapter-paper-heading{padding:48px 22px 30px}
 .chapter-eight-reference .chapter-paper-heading h1{font-size:clamp(2rem,9.5vw,2.8rem)}
 .chapter-eight-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}
 .chapter-eight-reference .manuscript-body p,.chapter-eight-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
 .chapter-eight-reference .reflection-divider{gap:9px;font-size:.72rem;letter-spacing:.09em}
 .chapter-eight-reference .reflection-divider span{display:block;flex:1 1 24px;min-width:24px;max-width:54px}
 .chapter-eight-reference .impact-statement{padding-left:1rem;margin:1.45rem 0 1.65rem}
}
@media(max-width:390px){
 .chapter-eight-reference .reflection-divider{gap:7px;font-size:.68rem;letter-spacing:.08em}
 .chapter-eight-reference .reflection-divider span{min-width:20px}
}


/* Chapter 9 — The Ever-Becoming: spiral, continuity, and open horizon */
.chapter-nine-reference{position:relative;isolation:isolate}
.chapter-nine-reference .chapter-divider-card{max-width:760px;margin-bottom:clamp(58px,8vw,92px);box-shadow:0 42px 100px rgba(0,0,0,.52),0 10px 30px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.05)}
.chapter-nine-reference .manuscript-opening{position:relative;margin-bottom:clamp(68px,9vw,112px)}
.chapter-nine-reference .manuscript-opening::before{content:"";position:absolute;left:50%;top:-70px;width:min(720px,96vw);height:300px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgba(190,194,216,.18) 0%,rgba(125,132,160,.11) 36%,transparent 72%)}
.chapter-nine-reference .manuscript-opening::after{content:"";display:block;width:clamp(100px,19vw,180px);height:2px;margin:48px auto -8px;background:linear-gradient(to right,transparent,rgba(158,54,43,.9) 28%,rgba(158,54,43,.9) 72%,transparent);box-shadow:0 4px 18px rgba(116,67,42,.18)}
.chapter-nine-reference .chapter-opening-question{max-width:680px;text-wrap:balance}
.chapter-nine-reference .chapter-opening-question::after{content:"";display:block;width:44px;height:2px;margin:18px auto 0;background:#a63b31;border-radius:999px}
.chapter-nine-reference .chapter-epigraph{max-width:650px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;border-left:0;text-align:center;text-wrap:balance}
.chapter-nine-reference .chapter-paper-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-8px;padding:clamp(76px,10vw,126px) clamp(18px,4vw,42px) clamp(66px,8vw,98px);background:linear-gradient(to bottom,#08080d 0%,#151522 11%,#2b2b43 24%,#55566f 38%,#898b9a 51%,#b9b5ad 64%,#ddd2c3 78%,#f4ede2 100%);box-shadow:inset 0 34px 58px rgba(8,8,14,.34),inset 0 -18px 38px rgba(84,58,40,.05)}
.chapter-nine-reference .chapter-paper-stage::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.52;background:radial-gradient(circle at 50% 12%,transparent 0 42px,rgba(226,224,244,.13) 43px 44px,transparent 45px 76px,rgba(226,224,244,.08) 77px 78px,transparent 79px),radial-gradient(ellipse at 76% 20%,rgba(215,210,231,.10),transparent 22%),radial-gradient(ellipse at 24% 30%,rgba(198,204,219,.08),transparent 24%)}
.chapter-nine-reference .chapter-paper-stage .chapter-paper{position:relative;z-index:1;max-width:720px;margin:0 auto;overflow:hidden;transform:translateY(-8px);background:linear-gradient(90deg,rgba(108,75,53,.025),transparent 12%,transparent 88%,rgba(108,75,53,.025)),linear-gradient(105deg,#fbf7ef 0%,#f4ecdf 100%);box-shadow:0 48px 86px rgba(45,39,31,.34),0 18px 34px rgba(45,39,31,.25),-16px 0 30px rgba(45,39,31,.14),16px 0 30px rgba(45,39,31,.14),0 1px 0 rgba(255,255,255,.82) inset,0 0 0 1px rgba(91,63,45,.15)}
.chapter-nine-reference .chapter-paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(0deg,rgba(85,65,50,.032) 0,rgba(85,65,50,.032) 1px,transparent 1px,transparent 4px);mix-blend-mode:multiply}
.chapter-nine-reference .chapter-paper::after{content:"";position:absolute;top:0;left:clamp(22px,5vw,54px);width:1px;height:100%;background:linear-gradient(to bottom,transparent 1%,rgba(165,58,35,.22) 10%,rgba(139,42,35,.10) 82%,transparent 99%);pointer-events:none}
.chapter-nine-reference .chapter-paper-heading{position:relative;z-index:1;padding:54px 24px 30px}
.chapter-nine-reference .chapter-paper-heading h1{max-width:590px;margin-inline:auto;font-size:clamp(2.15rem,3.8vw,3.15rem);line-height:1.06;text-wrap:balance}
.chapter-nine-reference .manuscript-body{position:relative;z-index:1;padding-left:76px;padding-right:74px;padding-bottom:76px}
.chapter-nine-reference .manuscript-body p,.chapter-nine-reference .manuscript-body li{font-size:clamp(.93rem,1.02vw,.99rem);line-height:1.72}
.chapter-nine-reference .manuscript-body p{margin-bottom:1.16em}
.chapter-nine-reference .manuscript-body>p:first-child::first-letter{float:left;margin:.08em .015em 0 0;color:#9a321f;font-size:4.25em;line-height:.72;font-family:Georgia,'Times New Roman',serif}
.chapter-nine-reference .impact-statement{border-left:2px solid #a63b31;padding:.25rem 0 .25rem 1.2rem;margin:1.8rem 0 2rem;color:#35261f;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.03rem,1.45vw,1.16rem);line-height:1.62;font-style:italic}
.chapter-nine-reference .living-reflection-title{text-align:center;text-wrap:balance}
.chapter-nine-reference .reflection-divider span{min-width:32px}
@media(max-width:640px){
 .chapter-nine-reference .chapter-divider-card{margin-bottom:50px}
 .chapter-nine-reference .chapter-paper-stage{margin-top:-6px;padding:56px 12px 54px}
 .chapter-nine-reference .chapter-paper-stage .chapter-paper{max-width:100%;box-shadow:0 26px 50px rgba(45,39,31,.30),0 10px 22px rgba(45,39,31,.22),0 0 0 1px rgba(91,63,45,.13)}
 .chapter-nine-reference .chapter-paper::after{left:15px}
 .chapter-nine-reference .chapter-paper-heading{padding:48px 22px 30px}
 .chapter-nine-reference .chapter-paper-heading h1{font-size:clamp(2rem,9.5vw,2.8rem)}
 .chapter-nine-reference .manuscript-body{padding-left:27px;padding-right:25px;padding-bottom:62px}
 .chapter-nine-reference .manuscript-body p,.chapter-nine-reference .manuscript-body li{font-size:1.02rem;line-height:1.78}
 .chapter-nine-reference .reflection-divider{gap:9px;font-size:.72rem;letter-spacing:.09em}
 .chapter-nine-reference .reflection-divider span{display:block;flex:1 1 24px;min-width:24px;max-width:54px}
 .chapter-nine-reference .impact-statement{padding-left:1rem;margin:1.45rem 0 1.65rem}
}
@media(max-width:390px){
 .chapter-nine-reference .reflection-divider{gap:7px;font-size:.68rem;letter-spacing:.08em}
 .chapter-nine-reference .reflection-divider span{min-width:20px}
}

/* Epilogue — The Invitation Continues */
.epilogue-reference{
  --epilogue-glow: rgba(205, 151, 94, .22);
}
.epilogue-threshold{
  min-height: 42vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.9rem;
  text-align:center;
  padding:clamp(4rem,10vw,8rem) 1.5rem;
  background:
    radial-gradient(circle at 50% 38%, rgba(207,147,84,.18), transparent 35%),
    linear-gradient(180deg, #09111f 0%, #101722 58%, #171719 100%);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.epilogue-threshold span{
  color:rgba(255,255,255,.58);
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:.72rem;
}
.epilogue-threshold strong{
  max-width:14ch;
  color:#f3ede3;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(2.1rem,6vw,4.7rem);
  font-weight:400;
  line-height:1.05;
}
.epilogue-opening{
  background:
    linear-gradient(180deg, rgba(8,13,22,.98), rgba(19,20,21,.98)),
    radial-gradient(circle at 50% 20%, var(--epilogue-glow), transparent 48%);
}
.epilogue-paper-stage{
  background:linear-gradient(180deg,#171719 0,#d8cbb8 5rem,#e8dece 100%);
}
.epilogue-paper{
  padding-bottom:clamp(3.5rem,7vw,6rem);
}
.epilogue-paper-heading p{
  letter-spacing:.22em;
}
.epilogue-manuscript-body .impact-statement{
  border-left-color:#a33f34;
}
.deeper-reflections-invitation{
  margin:clamp(3rem,7vw,5.5rem) auto 0;
  padding:clamp(1.5rem,4vw,2.4rem);
  max-width:42rem;
  text-align:center;
  border-top:1px solid rgba(119,72,49,.28);
  border-bottom:1px solid rgba(119,72,49,.28);
}
.deeper-reflections-invitation span{
  display:block;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.7rem;
  opacity:.62;
}
.deeper-reflections-invitation strong{
  display:block;
  margin:.5rem 0;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(1.55rem,4vw,2.35rem);
  font-weight:400;
}
.deeper-reflections-invitation p{
  margin:0;
  font-style:italic;
}
@media (max-width: 640px){
  .epilogue-threshold{min-height:34vh;padding:4.25rem 1.25rem;}
  .epilogue-paper-stage{background:linear-gradient(180deg,#171719 0,#d8cbb8 3.4rem,#e8dece 100%);}
}

/* Deeper Reflections — A Space for Integration */
.deeper-reflections-reference{--deeper-accent:#9d3e35;}
.deeper-divider-card{background:#08090b;}
.deeper-divider-card .chapter-divider-image{display:block;width:100%;height:auto;object-fit:cover;}
.deeper-threshold{
  min-height:32vh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.85rem;text-align:center;padding:clamp(3.5rem,8vw,6.5rem) 1.5rem;
  background:linear-gradient(180deg,#090a0d 0%,#141316 100%);border-bottom:1px solid rgba(255,255,255,.08);
}
.deeper-threshold span{color:rgba(255,255,255,.56);text-transform:uppercase;letter-spacing:.23em;font-size:.7rem;}
.deeper-threshold strong{max-width:22ch;color:#f1ece4;font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.9rem,5vw,3.8rem);font-weight:400;line-height:1.12;}
.deeper-paper-stage{background:linear-gradient(180deg,#141316 0,#d8cbb8 5rem,#e8dece 100%);}
.deeper-paper{padding-bottom:clamp(4rem,8vw,7rem);}
.deeper-paper-heading p{letter-spacing:.2em;}
.deeper-manuscript-body{max-width:47rem;}
.deeper-space-heading{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2rem,4.5vw,3.15rem);line-height:1.14;margin:clamp(3.6rem,7vw,5.25rem) 0 1.25rem;padding-top:1.15rem;border-top:1px solid rgba(110,77,58,.25);color:#332923;text-wrap:balance;}
.deeper-section-heading{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(1.65rem,3.4vw,2.35rem);line-height:1.18;margin:clamp(2.55rem,5vw,3.75rem) 0 .9rem;color:#6f302b;text-wrap:balance;}
.deeper-subheading{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(1.3rem,2.7vw,1.78rem);line-height:1.22;margin:1.9rem 0 .72rem;color:#49372e;}
.deeper-story-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:400;font-style:italic;margin:1.85rem 0 .72rem;color:#77372f;}
.deeper-step-heading{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:400;margin:1.8rem 0 .65rem;color:#49372e;}
.deeper-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem!important;color:#806d61!important;margin-top:-.65rem!important;}
.deeper-emphasis{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.18em!important;text-align:center;margin:1.2rem auto!important;color:#4a342d!important;}
.deeper-quote{margin:2rem 0 2.4rem;padding:1.2rem 1.45rem;border-left:3px solid var(--deeper-accent);background:rgba(255,255,255,.28);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.12rem,2.3vw,1.38rem);font-style:italic;line-height:1.65;color:#3d302a;}
.deeper-final-affirmation{margin:2.5rem 0;padding:1.7rem 1.8rem;border-left:4px solid var(--deeper-accent);background:rgba(255,255,255,.42);font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.18rem,2.4vw,1.48rem);font-style:italic;line-height:1.75;color:#352925;white-space:pre-line;}
.deeper-list{margin:.72rem 0 1.3rem;padding-left:1.35rem;}
.deeper-list li{margin:.42rem 0;padding-left:.3rem;line-height:1.68;}
.deeper-manuscript-body p{margin:0 0 1.05rem;}
@media(max-width:640px){
  .deeper-threshold{min-height:26vh;padding:3.5rem 1.15rem;}
  .deeper-paper-stage{background:linear-gradient(180deg,#141316 0,#d8cbb8 3.4rem,#e8dece 100%);}
  .deeper-space-heading{margin-top:3.15rem;}
  .deeper-section-heading{margin-top:2.25rem;}
  .deeper-subheading{margin-top:1.65rem;}
  .deeper-story-title{margin-top:1.6rem;}
  .deeper-step-heading{margin-top:1.55rem;}
  .deeper-quote,.deeper-final-affirmation{padding:1.1rem 1.15rem;}
}


/* Final FRE continuity QA — unified chapter typography and divider-first rendering. */
.chapter-template:not(.deeper-reflections-reference) .chapter-opening-question{
  max-width:660px;
  margin-left:auto;
  margin-right:auto;
  color:#eee9e3;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.32rem,2.45vw,1.82rem);
  line-height:1.48;
  text-align:center;
  text-wrap:balance;
}
.chapter-template:not(.deeper-reflections-reference) .chapter-epigraph{
  max-width:650px;
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  padding-right:0;
  border-left:0;
  color:#d7cfc6;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.08rem,1.8vw,1.28rem);
  font-style:italic;
  line-height:1.75;
  text-align:center;
  text-wrap:balance;
}
.chapter-template:not(.deeper-reflections-reference) .manuscript-body p,
.chapter-template:not(.deeper-reflections-reference) .manuscript-body li{
  font-size:clamp(.93rem,1.02vw,.99rem);
  line-height:1.72;
}
.chapter-template:not(.deeper-reflections-reference) .manuscript-body p{
  margin-bottom:1.16em;
}

/* Keep opening content out of the first paint until the divider is ready. */
.chapter-template.chapter-entrance-pending .phase-whisper,
.chapter-template.chapter-entrance-pending .manuscript-opening,
.chapter-template.chapter-entrance-pending .chapter-paper-stage,
.chapter-template.chapter-entrance-pending .chapter-template-nav,
.chapter-template.chapter-entrance-pending .deeper-reflections-invitation{
  opacity:0;
  visibility:hidden;
}
.chapter-template.chapter-entrance-pending .chapter-divider-card,
.chapter-template.chapter-entrance-pending .chapter-threshold-mark,
.chapter-template.chapter-entrance-pending .epilogue-threshold{
  opacity:0;
  transform:translateY(8px);
}
.chapter-template .chapter-divider-card,
.chapter-template .chapter-threshold-mark,
.chapter-template .epilogue-threshold{
  transition:opacity .65s ease,transform .65s ease;
}
.chapter-template.chapter-divider-visible .chapter-divider-card,
.chapter-template.chapter-divider-visible .chapter-threshold-mark,
.chapter-template.chapter-divider-visible .epilogue-threshold{
  opacity:1;
  transform:translateY(0);
}
.chapter-template.chapter-content-ready .phase-whisper,
.chapter-template.chapter-content-ready .manuscript-opening,
.chapter-template.chapter-content-ready .chapter-paper-stage,
.chapter-template.chapter-content-ready .chapter-template-nav,
.chapter-template.chapter-content-ready .deeper-reflections-invitation{
  opacity:1;
  visibility:visible;
  transition:opacity .7s ease;
}

@media(max-width:640px){
  .chapter-template:not(.deeper-reflections-reference) .chapter-opening-question{
    font-size:clamp(1.24rem,6vw,1.58rem);
    line-height:1.5;
  }
  .chapter-template:not(.deeper-reflections-reference) .chapter-epigraph{
    padding-left:8px;
    padding-right:8px;
    font-size:1.08rem;
    line-height:1.7;
  }
  .chapter-template:not(.deeper-reflections-reference) .manuscript-body p,
  .chapter-template:not(.deeper-reflections-reference) .manuscript-body li{
    font-size:1.02rem;
    line-height:1.78;
  }
}
@media(prefers-reduced-motion:reduce){
  .chapter-template .chapter-divider-card,
  .chapter-template .chapter-threshold-mark,
  .chapter-template .epilogue-threshold,
  .chapter-template.chapter-content-ready .phase-whisper,
  .chapter-template.chapter-content-ready .manuscript-opening,
  .chapter-template.chapter-content-ready .chapter-paper-stage,
  .chapter-template.chapter-content-ready .chapter-template-nav,
  .chapter-template.chapter-content-ready .deeper-reflections-invitation{
    transition:none !important;
  }
}


/* Experience-continuity refinement: invitation peek, restored threshold motion,
   unified divider framing, and Deeper Reflections parity. */
#screen1{overflow-y:auto;}
#screen1 .invitation{
  min-height:calc(100svh + 92px);
  align-items:start;
  padding-top:clamp(28px,5.2vh,64px);
  padding-bottom:72px;
  overflow:visible;
}
#screen1 .invite-card{margin-top:clamp(4px,2.2vh,24px);}
.invitation-action-peek{
  max-height:20px;
  margin:clamp(24px,4vh,38px) auto 0;
  overflow:hidden;
  opacity:.58;
  transform:translateY(7px);
  transition:max-height .72s ease,opacity .72s ease,transform .72s ease;
}
.invitation-action-peek .primary{margin-top:0;}
.invitation-action-peek.revealed{
  max-height:88px;
  opacity:1;
  transform:translateY(0);
}
.invitation-scroll-cue{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  margin:18px auto 0;
  color:rgba(237,231,224,.56);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.64rem;
}
.invitation-scroll-cue span{
  width:1px;height:24px;
  background:linear-gradient(transparent,rgba(181,31,46,.75));
  animation:invitation-cue 2.6s ease-in-out infinite;
}
@keyframes invitation-cue{0%,100%{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}

/* A shared presentation frame keeps the existing chapter artwork while making
   every threshold visibly part of one designed system. */
.chapter-template .chapter-divider-card{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 42px 100px rgba(0,0,0,.52),0 10px 30px rgba(0,0,0,.32),0 0 0 1px rgba(130,48,43,.14);
}
.chapter-template .chapter-divider-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(117,43,39,.72) 0 2px,transparent 2px 100%),linear-gradient(180deg,rgba(5,5,8,.14),transparent 24%,transparent 76%,rgba(5,5,8,.18));
}
.chapter-template .chapter-divider-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.08),transparent 42%);
  transition:opacity 1.15s ease;
}
.chapter-template.chapter-divider-visible .chapter-divider-card::after{opacity:1;}

/* Restore a visible dissolve-in rather than an abrupt render. */
.chapter-template.chapter-entrance-pending .chapter-divider-card,
.chapter-template.chapter-entrance-pending .chapter-threshold-mark,
.chapter-template.chapter-entrance-pending .epilogue-threshold{
  opacity:0;
  filter:blur(7px);
  transform:scale(.992) translateY(10px);
}
.chapter-template .chapter-divider-card,
.chapter-template .chapter-threshold-mark,
.chapter-template .epilogue-threshold{
  transition:opacity 1.05s cubic-bezier(.22,.61,.36,1),filter 1.05s ease,transform 1.05s cubic-bezier(.22,.61,.36,1);
}
.chapter-template.chapter-divider-visible .chapter-divider-card,
.chapter-template.chapter-divider-visible .chapter-threshold-mark,
.chapter-template.chapter-divider-visible .epilogue-threshold{
  opacity:1;
  filter:blur(0);
  transform:scale(1) translateY(0);
}
.chapter-template.chapter-content-ready .phase-whisper,
.chapter-template.chapter-content-ready .manuscript-opening,
.chapter-template.chapter-content-ready .chapter-paper-stage,
.chapter-template.chapter-content-ready .chapter-template-nav,
.chapter-template.chapter-content-ready .deeper-reflections-invitation{
  transition:opacity .78s ease,transform .78s ease;
  transform:translateY(0);
}
.chapter-template.chapter-entrance-pending .phase-whisper,
.chapter-template.chapter-entrance-pending .manuscript-opening,
.chapter-template.chapter-entrance-pending .chapter-paper-stage,
.chapter-template.chapter-entrance-pending .chapter-template-nav,
.chapter-template.chapter-entrance-pending .deeper-reflections-invitation{
  transform:translateY(10px);
}

/* Deeper Reflections follows the same core reading scale while retaining its
   richer companion-space hierarchy. */
.deeper-reflections-reference .deeper-manuscript-body p,
.deeper-reflections-reference .deeper-manuscript-body li{
  font-size:clamp(.93rem,1.02vw,.99rem);
  line-height:1.72;
}
.deeper-reflections-reference .deeper-manuscript-body p{margin-bottom:1.16em;}
.deeper-reflections-reference .deeper-paper-heading{
  text-align:center;
}
.deeper-reflections-reference .deeper-paper-heading h1,
.deeper-reflections-reference .deeper-paper-heading p{
  margin-left:auto;margin-right:auto;
}

@media(max-width:640px){
  #screen1 .invitation{min-height:calc(100svh + 76px);padding-top:24px;}
  .invitation-action-peek{max-height:18px;}
  .deeper-reflections-reference .deeper-manuscript-body p,
  .deeper-reflections-reference .deeper-manuscript-body li{
    font-size:1.02rem;
    line-height:1.78;
  }
}
@media(prefers-reduced-motion:reduce){
  .invitation-action-peek{max-height:88px;opacity:1;transform:none;transition:none!important;}
  .invitation-scroll-cue span{animation:none;}
  .chapter-template .chapter-divider-card,
  .chapter-template .chapter-threshold-mark,
  .chapter-template .epilogue-threshold,
  .chapter-template .chapter-divider-card::after{
    transition:none!important;
    filter:none!important;
    transform:none!important;
  }
}


/* Final QA correction pass — 2026-08-01
   Normalize chapter hierarchy, remove duplicate threshold ornaments,
   and preserve the approved dissolve/no-flash behavior. */

/* Chapters 1–3: one intentional threshold marker only.
   The manuscript-opening marker remains; duplicate question rules and
   Chapter 2's incidental pale cross-page rule are removed. */
.chapter-one-reference .chapter-opening-question::after,
.chapter-two-reference .chapter-opening-question::after,
.chapter-three-reference .chapter-opening-question::after{
  content:none !important;
  display:none !important;
}
.chapter-two-reference .manuscript-opening::before{
  content:none !important;
  display:none !important;
}

/* Chapter 1 Reflective Exercises hierarchy now matches the shared book system. */
.chapter-one-reference .reflection-heading{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.45rem,3vw,2rem);
  font-weight:400;
  line-height:1.2;
  margin:46px 0 18px;
  color:#3a2f29;
}
.chapter-one-reference .living-reflection-title{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.25rem,2.4vw,1.7rem);
  font-weight:400;
  font-style:italic;
  line-height:1.28;
  margin:12px auto 28px;
  color:#6f302b;
  text-align:center;
  text-wrap:balance;
}

/* Chapter 9 section titles use the same hierarchy as the other chapters. */
.chapter-nine-reference .chapter-section-heading{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.62rem,3vw,2.18rem);
  font-weight:400;
  line-height:1.2;
  margin:2.45em 0 .8em;
  color:#6f302b;
  text-wrap:balance;
}
.chapter-nine-reference .reflection-heading{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.45rem,3vw,2rem);
  font-weight:400;
  line-height:1.2;
  margin:46px 0 18px;
  color:#3a2f29;
}
.chapter-nine-reference .living-reflection-title{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(1.25rem,2.4vw,1.7rem);
  font-weight:400;
  font-style:italic;
  line-height:1.28;
  margin:12px auto 28px;
  color:#6f302b;
  text-align:center;
  text-wrap:balance;
}

/* Keep chapter title scale and warm-surface spacing consistent across 1–9. */
.chapter-one-reference .chapter-paper-heading h1,
.chapter-two-reference .chapter-paper-heading h1,
.chapter-three-reference .chapter-paper-heading h1,
.chapter-four-reference .chapter-paper-heading h1,
.chapter-five-reference .chapter-paper-heading h1,
.chapter-six-reference .chapter-paper-heading h1,
.chapter-seven-reference .chapter-paper-heading h1,
.chapter-eight-reference .chapter-paper-heading h1,
.chapter-nine-reference .chapter-paper-heading h1{
  max-width:590px;
  margin-inline:auto;
  font-size:clamp(2.15rem,3.8vw,3.15rem);
  line-height:1.06;
  text-wrap:balance;
}

@media(max-width:640px){
  .chapter-one-reference .reflection-heading,
  .chapter-nine-reference .reflection-heading{
    font-size:clamp(1.3rem,6.2vw,1.62rem);
    margin-top:38px;
  }
  .chapter-one-reference .living-reflection-title,
  .chapter-nine-reference .living-reflection-title{
    font-size:clamp(1.12rem,5.2vw,1.38rem);
  }
  .chapter-nine-reference .chapter-section-heading{
    font-size:clamp(1.48rem,7vw,1.9rem);
    margin-top:2.1em;
  }
  .chapter-one-reference .chapter-paper-heading h1,
  .chapter-two-reference .chapter-paper-heading h1,
  .chapter-three-reference .chapter-paper-heading h1,
  .chapter-four-reference .chapter-paper-heading h1,
  .chapter-five-reference .chapter-paper-heading h1,
  .chapter-six-reference .chapter-paper-heading h1,
  .chapter-seven-reference .chapter-paper-heading h1,
  .chapter-eight-reference .chapter-paper-heading h1,
  .chapter-nine-reference .chapter-paper-heading h1{
    font-size:clamp(2rem,9.5vw,2.8rem);
  }
}


/* Final QA test 2 corrections — 2026-08-01
   Use the approved Chapters 5–9 horizontal threshold marker throughout,
   and tighten Chapter 9 reflective-section rhythm. */
.chapter-one-reference .manuscript-opening::after,
.chapter-two-reference .manuscript-opening::after,
.chapter-three-reference .manuscript-opening::after,
.chapter-four-reference .manuscript-opening::after{
  content:"" !important;
  display:block !important;
  width:clamp(100px,19vw,180px) !important;
  height:2px !important;
  margin:48px auto -8px !important;
  background:linear-gradient(to right,transparent,rgba(158,54,43,.9) 28%,rgba(158,54,43,.9) 72%,transparent) !important;
  box-shadow:0 4px 18px rgba(116,67,42,.18) !important;
  border-radius:0 !important;
}

.chapter-nine-reference .chapter-section-heading{
  margin-top:1.75em;
}
.chapter-nine-reference .reflection-heading{
  margin-top:32px;
}
.chapter-nine-reference .chapter-bullet{
  margin-left:.16in;
  padding-left:.04in;
}

@media(max-width:640px){
  .chapter-nine-reference .chapter-section-heading{
    margin-top:1.55em;
  }
  .chapter-nine-reference .reflection-heading{
    margin-top:28px;
  }
  .chapter-nine-reference .chapter-bullet{
    margin-left:.12in;
  }
}

/* Final QA test 3 correction — 2026-08-01
   Chapters 1–3 now match Chapter 5 exactly in the opening question/quote area:
   one short horizontal marker after the question, one longer horizontal marker
   after the quotation, and no vertical transition marker into the paper surface. */
.chapter-one-reference .chapter-opening-question::after,
.chapter-two-reference .chapter-opening-question::after,
.chapter-three-reference .chapter-opening-question::after{
  content:"" !important;
  display:block !important;
  width:44px !important;
  height:2px !important;
  margin:18px auto 0 !important;
  background:#a63b31 !important;
  border-radius:999px !important;
}

.chapter-one-reference .chapter-paper-stage{
  background:
    radial-gradient(ellipse at 50% 12%, rgba(255,255,255,.22), transparent 42%),
    linear-gradient(to bottom,
      rgba(8,6,7,.98) 0%,
      rgba(22,14,14,.985) 10%,
      rgba(55,36,32,.96) 19%,
      rgba(120,97,81,.72) 31%,
      rgba(212,198,181,.82) 43%,
      rgba(238,229,216,.97) 58%,
      rgba(245,238,228,1) 100%),
    linear-gradient(90deg,#e8ddcf 0%,#f4ede3 18%,#f4ede3 82%,#e8ddcf 100%) !important;
}

.chapter-two-reference .chapter-paper-stage{
  background:
    repeating-linear-gradient(to bottom,transparent 0 24px,rgba(94,70,58,.025) 25px,transparent 26px) center 34% / min(920px,92vw) 240px no-repeat,
    linear-gradient(to bottom,
      rgba(8,6,7,.98) 0%,
      rgba(23,15,15,.985) 10%,
      rgba(61,42,37,.95) 21%,
      rgba(132,109,91,.70) 34%,
      rgba(214,199,181,.84) 46%,
      rgba(238,229,216,.98) 60%,
      rgba(244,236,225,1) 100%),
    linear-gradient(90deg,#e7dbcc 0%,#f3ebdf 18%,#f3ebdf 82%,#e7dbcc 100%) !important;
}

.chapter-three-reference .chapter-paper-stage{
  background:
    radial-gradient(ellipse at 50% 10%,rgba(157,105,129,.16),transparent 36%),
    linear-gradient(to bottom,#07060a 0%,#120d14 10%,#362532 22%,#7e6568 35%,#d5c6b6 48%,#efe6d9 62%,#f5eee4 100%) !important;
}

@media(max-width:640px){
  .chapter-one-reference .chapter-opening-question::after,
  .chapter-two-reference .chapter-opening-question::after,
  .chapter-three-reference .chapter-opening-question::after{
    margin-top:13px !important;
  }
}