/* ── CHAPTER ACCENT ── */
:root {
  --chapter-accent: var(--accent-forest);
  --chapter-accent-fill: var(--accent-forest-fill);
}

/* ── PAGE WATERMARKS ── */
header::before {
  content: "Narration";
}

.reminder-box::before {
  content: "≠ Recorder";
}

/* ─────────────────────────────────────────
         TAPE RECORDER vs INTERPRETER
      ───────────────────────────────────────── */
.trans-head {
  background: var(--surface);
}
.trans-head h3 {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: var(--fs-md);
  color: var(--primary);
}

.trans-col p {
  font-size: var(--fs-sm);
  line-height: 1.8;
  color: var(--primary);
  font-style: italic;
  background: var(--paper);
  border-radius: var(--radius-sm);
  padding: var(--space-4) var(--space-4);
  box-shadow: var(--bs-medium);
}
.trans-col.raw {
  background: var(--tint-false);
}
.trans-col.clinical {
  background: var(--tint-true);
}

/* ─────────────────────────────────────────
         BEFORE / AFTER PAIRS (binary right/wrong here,
         unlike Questioning's neutral use of .ba-col)
      ───────────────────────────────────────── */
.ba-col.before {
  background: var(--tint-false);
}
.ba-col.after {
  background: var(--tint-true);
}