/* ---------- A ReAct-style trace: thoughts, actions and observations, colour-coded ---------- */

.reveal .trace { font-size: 0.6em; line-height: 1.3; }
.reveal .trace > div { padding: 0.2em 0.6em; margin: 0.18em 0; border-left: 5px solid var(--su-muted); border-radius: 4px; background: var(--su-page-soft); }
.reveal .trace .q { font-weight: 600; color: var(--su-navy); }
.reveal .trace .thought { border-left-color: var(--su-navy); background: #eef2fb; }
.reveal .trace .action { border-left-color: var(--su-orange); background: #fff4ec; font-family: "JetBrains Mono", Menlo, Consolas, monospace; }
.reveal .trace .obs { border-left-color: var(--su-signal-deep); background: #e9f6f8; }
.reveal .trace b { color: var(--su-orange-deep); }