.reading-room-shell,
.coda {
  --color-bg: #0e1110;
  --color-surface: #151917;
  --color-surface-2: #111512;
  --color-surface-offset: #1d221e;
  --color-divider: #2a302c;
  --color-border: #3a403a;
  --color-text: #eee9dc;
  --color-text-muted: #aaa99f;
  --color-text-faint: #73776f;
  --color-primary: #d9b85d;
  --color-primary-hover: #f0d37f;
  --color-primary-highlight: #2a2a1e;
}
.reading-room-shell { background: #0e1110; color: #eee9dc; }
.reading-room-shell .site-header { background: color-mix(in oklab, #0e1110 88%, transparent); border-color: #2a302c; }
.reading-room-shell .brand,
.reading-room-shell .nav__link { color: #ded9cd; }
.reading-room-shell .brand__sub { color: #908f88; }
.reading-room-hero { min-height: 82vh; display: grid; align-items: end; position: relative; overflow: hidden; padding-block: var(--space-32) var(--space-20); }
.reading-room-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(5,7,6,.92) 0%, rgba(5,7,6,.62) 48%, rgba(5,7,6,.18) 100%), url('./assets/images/hero-bow.jpg') center/cover; filter: saturate(.72); }
.reading-room-hero__content { position: relative; max-width: 720px; }
.reading-room-kicker { font: .76rem var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: #d9b85d; margin-bottom: var(--space-5); }
.reading-room-hero h1 { font: 500 var(--text-3xl) var(--font-display); color: #fbf7ed; margin-bottom: var(--space-6); }
.reading-room-hero p { font-size: var(--text-lg); color: #d2cdc0; margin-bottom: var(--space-8); }
.evidence-chapter { min-height: 86vh; display: grid; align-items: center; border-top: 1px solid #272d29; padding-block: clamp(var(--space-16), 10vw, var(--space-32)); }
.evidence-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(var(--space-8), 7vw, var(--space-20)); align-items: center; }
.evidence-grid--reverse .evidence-copy { order: 2; }
.evidence-copy__number { display: block; font: .72rem var(--font-mono); letter-spacing: .14em; color: #d9b85d; margin-bottom: var(--space-4); text-transform: uppercase; }
.evidence-copy h2 { font: 500 clamp(2rem, 4.2vw, 4rem) var(--font-display); color: #f3efe5; margin-bottom: var(--space-6); }
.evidence-copy p { color: #b9b7ae; margin-bottom: var(--space-5); }
.evidence-quote { border-left: 2px solid #d9b85d; padding-left: var(--space-5); font: italic var(--text-lg) var(--font-period); color: #e1d9c5 !important; }
.evidence-source { display: block; font: .7rem var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: #85877f; margin-top: var(--space-3); }
.evidence-media { position: relative; border: 1px solid #3a3e38; background: #171a18; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.evidence-media img { width: 100%; max-height: 72vh; object-fit: cover; filter: sepia(.08) contrast(1.03); }
.evidence-media figcaption { padding: var(--space-3) var(--space-4); font: .7rem var(--font-mono); color: #96978f; }
.evidence-next { display: inline-flex; margin-top: var(--space-5); color: #d9b85d; font-weight: 600; text-decoration: none; }
.evidence-next:hover { color: #f0d37f; }
.observation-card { margin-top: var(--space-6); padding: var(--space-5); border: 1px solid #4c524a; background: #121613; }
.observation-card legend { padding-inline: var(--space-2); color: #d9b85d; font: .68rem var(--font-mono); letter-spacing: .11em; text-transform: uppercase; }
.observation-card > p { font-size: var(--text-sm); margin-bottom: var(--space-4); }
.observation-card__choices { display: grid; gap: var(--space-2); }
.observation-card__choice,
.same-dawn__retain { min-height: 44px; padding: var(--space-3) var(--space-4); border: 1px solid #4c524a; color: #d9d4c9; background: transparent; font: 500 var(--text-sm) var(--font-body); text-align: left; }
.observation-card__choice:hover:not(:disabled),
.observation-card__choice:focus-visible,
.same-dawn__retain:hover:not(:disabled),
.same-dawn__retain:focus-visible { border-color: #d9b85d; color: #f5e9c7; outline: none; }
.observation-card__choice.is-retained,
.same-dawn__retain.is-retained { border-color: #d9b85d; background: #292719; color: #f5e9c7; }
.observation-card__choice:disabled,
.same-dawn__retain:disabled { cursor: default; opacity: 1; }
.observation-card__status,
.same-dawn__status { color: #d4c79e !important; font: .78rem/1.5 var(--font-mono); letter-spacing: .02em; }
.same-dawn { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--space-6); align-items: stretch; margin-block: var(--space-8); }
.same-dawn__record { border: 1px solid #393d37; padding: var(--space-6); background: #151816; }
.same-dawn__time { display: block; font: var(--text-xl) var(--font-display); color: #f3efe5; margin-bottom: var(--space-3); }
.same-dawn__retain { display: inline-flex; margin-top: var(--space-4); font-size: var(--text-xs); }
.same-dawn__status { max-width: 68ch; margin: 0 auto var(--space-4); text-align: center; }
.same-dawn__join { align-self: center; font: .7rem var(--font-mono); color: #d9b85d; text-transform: uppercase; letter-spacing: .14em; writing-mode: vertical-rl; }
.reading-room-final { text-align: center; background: radial-gradient(circle at 50% 0%, #252a22, #0e1110 58%); }
.reading-room-final .evidence-copy { max-width: 760px; margin: auto; }
.reading-room-final .btn { margin-top: var(--space-6); }
@media (max-width: 860px) {
  .evidence-grid { grid-template-columns: 1fr; }
  .evidence-grid--reverse .evidence-copy { order: initial; }
  .evidence-chapter { min-height: auto; }
  .same-dawn { grid-template-columns: 1fr; }
  .same-dawn__join { writing-mode: initial; text-align: center; }
}
@media (max-width: 640px) {
  .reading-room-hero { min-height: 88vh; }
  .reading-room-hero::before { background: linear-gradient(180deg, rgba(5,7,6,.22), rgba(5,7,6,.96) 68%), url('./assets/images/hero-bow.jpg') 62% center/cover; }
  .evidence-media img { max-height: 60vh; }
}