/* circular_flow.css — households/firms loop with injections & leakages (see circular_flow.js). */
.cf-svg { display: block; width: 100%; height: auto; }
.cf-box { fill: rgba(56, 189, 248, 0.1); stroke: #38bdf8; stroke-width: 1.8; }
.cf-blab { fill: #e0f2fe; font-size: 12px; font-weight: 700; }
.cf-flow { fill: none; stroke: rgba(203, 213, 225, 0.7); stroke-width: 2.4; }
.cf-flab { fill: #94a3b8; font-size: 10px; font-weight: 600; }
.cf-inj { fill: none; stroke: #34d399; stroke-width: 3.2; stroke-linecap: round; }
.cf-leak { fill: none; stroke: #fb7185; stroke-width: 3.2; stroke-linecap: round; }
.cf-jlab { fill: #6ee7b7; font-size: 10px; font-weight: 700; }
.cf-wlab { fill: #fda4af; font-size: 10px; font-weight: 700; }