/* multiplier.css — the Keynesian spending-rounds cascade (see multiplier.js). */

.mult .lv-stage { padding: 8px 6px 4px; }
.mult .lv-stage svg { display: block; width: 100%; height: auto; }

.mult-title { fill: #8a9bb0; font-size: 9.5px; font-weight: 600; }
.mult-base { stroke: rgba(203, 213, 225, 0.4); stroke-width: 1.2; }

/* cascade bars: what gets re-spent (green) with the leaked cap (rose, hatched by opacity) */
.mult-bar { fill: rgba(52, 211, 153, 0.5); stroke: #34d399; stroke-width: 0.9; }
.mult-leak { fill: rgba(251, 113, 133, 0.45); stroke: #fb7185; stroke-width: 0.7; }
.mult-dim { opacity: 0.18; }
.mult-num { fill: #cbd5e1; font-size: 8.5px; font-weight: 700; font-variant-numeric: tabular-nums; paint-order: stroke; stroke: #0b1220; stroke-width: 2.2px; stroke-linejoin: round; }
.mult-round { fill: #8a9bb0; font-size: 8.5px; font-weight: 600; }
.mult-flow { fill: none; stroke: rgba(52, 211, 153, 0.5); stroke-width: 1.3; stroke-dasharray: 3 3; }

/* the end-to-end total bar converging on k × ΔJ */
.mult-seg-a { fill: rgba(52, 211, 153, 0.55); }
.mult-seg-b { fill: rgba(52, 211, 153, 0.32); }
.mult-seg-rest { fill: rgba(148, 163, 184, 0.18); }
.mult-sum-frame { fill: none; stroke: rgba(143, 168, 207, 0.5); stroke-width: 1.2; }
.mult-target { stroke: #fbbf24; stroke-width: 2; stroke-dasharray: 4 3; }
.mult-target-lab { fill: #fcd34d; font-size: 9.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.mult-sum-lab { fill: #a5f3fc; font-size: 9.5px; font-weight: 600; font-variant-numeric: tabular-nums; }