/* /assets/css/systems/market-economy/how-basic-bank-credit-creation-model-works-explained.css — page CSS (shared by en/zh) */
/* ============ Bank credit creation · money multiplier · bk-* ============ */
body[data-topic="credit-creation"] .bk-title{fill:#16202c;font-family:var(--mono);font-size:16px;font-weight:600;letter-spacing:.06em;text-anchor:middle}

/* the bank node */
body[data-topic="credit-creation"] .part[data-id="part-bank"] .bk-bankbox{fill:#e0e7ff;stroke:#4f46e5;stroke-width:2.4;stroke-linejoin:round}
body[data-topic="credit-creation"] .bk-icon{fill:none;stroke:#4338ca;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* deposit / loan / later-round bars */
body[data-topic="credit-creation"] .bk-bar{stroke-width:2.2;stroke-linejoin:round}
body[data-topic="credit-creation"] .part[data-id="part-deposit"] .bk-bar{fill:#bfdbfe;stroke:#2563eb}
body[data-topic="credit-creation"] .part[data-id="part-loan"] .bk-bar{fill:#c7d2fe;stroke:#4f46e5}
body[data-topic="credit-creation"] .part[data-id="part-rounds"] .bk-bar{fill:#e0e7ff;stroke:#6366f1}

/* reserve slices (material accent color, allowed to stay saturated) */
body[data-topic="credit-creation"] .bk-res{fill:#fde68a;stroke:#b45309;stroke-width:1.6;animation:bk-res 2.6s ease-in-out infinite;animation-play-state:paused}
.is-running .bk-res{animation-play-state:running}
@keyframes bk-res{0%,100%{opacity:.75}50%{opacity:1}}

/* axis */
body[data-topic="credit-creation"] .bk-axis{stroke:#334155;stroke-width:2.2;stroke-linecap:round}
body[data-topic="credit-creation"] .bk-baseline{stroke:#94a3b8;stroke-width:1.4;stroke-dasharray:6 6}

/* bar value labels */
body[data-topic="credit-creation"] .bk-val{fill:#1e293b;font-family:var(--mono);font-size:13px;font-weight:700;text-anchor:middle}
body[data-topic="credit-creation"] .bk-roundlab{fill:#5b6472;font-size:10.5px;text-anchor:middle;font-family:var(--mono)}

/* deposit arrow from the bank to the first bar */
body[data-topic="credit-creation"] .bk-link{fill:none;stroke:#2563eb;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 12;animation:bk-flow 1.5s linear infinite;animation-play-state:paused}
.is-running .bk-link{animation-play-state:running}
@keyframes bk-flow{to{stroke-dashoffset:-22}}
body[data-topic="credit-creation"] .bk-linklab{fill:#1d4ed8;font-family:var(--mono);font-size:12px;font-weight:700;text-anchor:middle}

/* result band */
body[data-topic="credit-creation"] .bk-result{fill:#eef2ff;stroke:#4f46e5;stroke-width:2;stroke-linejoin:round}
body[data-topic="credit-creation"] .bk-result-text{fill:#312e81;font-size:13px;font-weight:600;text-anchor:middle}
body[data-topic="credit-creation"] .bk-result-sub{fill:#5b6472;font-size:10.5px;text-anchor:middle}

/* highlight */
body[data-topic="credit-creation"] .part.is-active .bk-bar,
body[data-topic="credit-creation"] .part.is-active .bk-bankbox{stroke:#1d4ed8;stroke-width:3.4}
body[data-topic="credit-creation"] .part.is-active{filter:drop-shadow(0 0 11px rgba(29,78,216,.5))}