/* ---------- figure ---------- */
.figure { margin: 0 0 var(--s-7); }
.figure svg { width: 100%; height: auto; display: block; }
.fig__grid { stroke: var(--rule); stroke-width: 1; }
.fig__axis { stroke: var(--rule-strong); stroke-width: 1; }
.fig__tick { font-family: var(--font-mono); font-size: 12px; fill: var(--muted); letter-spacing: 0.08em; }
.fig__bar { fill: var(--accent); }
.fig__bar--early { fill: var(--rule-strong); }
.fig__label { font-family: var(--font-body); font-size: 13.5px; fill: var(--ink-2); }
.figure__cap { margin: var(--s-3) 0 0; font-size: var(--fs-small); color: var(--muted); max-width: 62ch; }