/* Lesson figures (js/components/figure.js) and the lesson's context card.
 * Tones: you = blue, them = amber, zone = green, bad = red, muted = grey. */
.lesson-figure{margin:0;display:flex;flex-direction:column;gap:12px}
.lesson-figure .eyebrow{margin:0}
.lesson-figure figcaption{margin:0}
.figure-canvas svg{width:100%;height:auto;display:block;overflow:visible}
.fig text{font:13px Inter,Arial,sans-serif;fill:#34435c}
.fig .row-label{font-weight:600;fill:#1d2b45}
.fig .row-label.strong,.fig .point-label.strong{font-weight:700}
.fig .row-note{font-size:11.5px;fill:#6b7a91}
.fig .tick{font-size:11.5px;fill:#6b7a91}
.fig .axis-label{font-size:12px;font-weight:600;fill:#52627b}
.fig .value{font-size:12.5px;font-weight:600;fill:#1d2b45}
.fig .value.on-span{fill:#fff}
.fig .point-label{font-size:12.5px;font-weight:700;fill:#1d2b45}
.fig .track{stroke:#e3e9f2;stroke-width:2}
.fig .axis{stroke:#9aa8bc;stroke-width:1.2}
.fig .guide{stroke-width:1.2;stroke-dasharray:4 4;opacity:.7}
.fig .frontier{fill:none;stroke:#14213a;stroke-width:1.6;stroke-dasharray:6 4}
.fig .accept-zone{fill:#e3f1d3;opacity:.6}
.fig .tone-you{fill:#3d60df;stroke:#3d60df}
.fig .tone-them{fill:#d4852b;stroke:#d4852b}
.fig .tone-zone{fill:#6f9a2f;stroke:#6f9a2f}
.fig .tone-bad{fill:#c8553d;stroke:#c8553d}
.fig .tone-muted{fill:#9aa8bc;stroke:#9aa8bc}
.fig .dot{stroke:#fff;stroke-width:2}
.fig .span,.fig .bar{stroke:none}
.tone-text-you{color:#3d60df}.tone-text-them{color:#b36d1f}.tone-text-zone{color:#56791f}
.tone-text-bad{color:#b0452f}.tone-text-muted{color:#63728a}
.figure-legend{margin:0;padding-left:18px;font-size:.86rem;line-height:1.6;display:flex;flex-direction:column;gap:4px}
.figure-table{min-width:520px}
.figure-table th,.figure-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.figure-table th{font-size:.75rem;color:#526177;font-weight:600}
.figure-table tr.is-highlight td{background:#f1f7e6;font-weight:600}
.figure-tree{display:grid;grid-template-columns:minmax(150px,.8fr) 1.4fr;gap:18px;align-items:center}
.tree-root{background:var(--ink);color:#fff;border-radius:12px;padding:14px 16px;font-weight:600;font-size:.9rem;line-height:1.5}
.tree-branches{display:flex;flex-direction:column;gap:12px;border-left:2px solid var(--line);padding-left:18px}
.tree-branch{display:flex;flex-direction:column;gap:6px}
.tree-condition{font-size:.78rem;font-weight:700;color:#52627b;text-transform:uppercase;letter-spacing:.06em}
.tree-outcome{border:1px solid var(--line);border-left:4px solid #9aa8bc;border-radius:10px;padding:10px 14px;font-size:.9rem;line-height:1.5;background:#fff}
.tree-outcome.tone-border-you{border-left-color:#3d60df}
.tree-outcome.tone-border-them{border-left-color:#d4852b}
.tree-outcome.tone-border-zone{border-left-color:#6f9a2f}
.tree-outcome.tone-border-bad{border-left-color:#c8553d}
.lesson-context{background:#eef3fb;border-color:#d7e2f3}
.lesson-context p:last-child{margin-bottom:0}
.lesson-context .thread{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.lesson-context .thread span{font-size:.72rem;font-weight:600;padding:4px 8px;border-radius:6px;background:#fff;color:#63728a}
.lesson-context .thread span.is-current{background:var(--ink);color:#fff}
.lesson-context .thread span.is-done{background:#e1edcf;color:#4b6636}
@media(max-width:720px){.figure-tree{grid-template-columns:1fr}.fig text{font-size:14px}}
.module-question{font-weight:650;color:var(--ink);margin:6px 0 4px;font-size:1rem}