/* Round 2 visual corrections requested after the first UX pass. */

/* Make the flow feel like a Sankey again: broad, readable bands instead of hairlines. */
.enhanced-flow .ef-path{opacity:.34;filter:none;transition:opacity .15s ease,filter .15s ease}
.enhanced-flow .ef-path.source{stroke:#69c8b5}
.enhanced-flow .ef-path.target{stroke:#b13a5c}
.enhanced-flow .ef-path[data-connection="financing-need-modelled"]{stroke:#6c50c5!important;opacity:.55}
.enhanced-flow.has-flow-hover .ef-path{opacity:.10}
.enhanced-flow.has-flow-hover .ef-path.active{opacity:.76;filter:drop-shadow(0 5px 9px rgba(17,20,22,.12))}
.enhanced-flow .ef-source.finance{margin-top:16px;border:2px solid rgba(108,80,197,.34);background:linear-gradient(145deg,#fdfbff,#ece6ff);box-shadow:0 12px 30px rgba(108,80,197,.10)}
.enhanced-flow .ef-source.finance i{height:7px;background:rgba(108,80,197,.42)}
.enhanced-flow .ef-source.finance .ef-badge{background:#e8e1ff;color:#563ba9}
.enhanced-flow .ef-source.finance strong{color:#4c3698}
.enhanced-flow .ef-source-column .ef-column-title span{color:#166e61}
.enhanced-flow .ef-finance-caption{display:block;margin-top:4px;color:#5f4aa5;font-size:10px;font-weight:850;line-height:1.35}
.model-status{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin-top:7px;padding:5px 8px;border-radius:999px;background:#eee8ff;color:#5842a6;font-size:10px!important;font-weight:900;letter-spacing:.035em}.model-status::before{content:"";width:7px;height:7px;border-radius:50%;background:#6c50c5;box-shadow:0 0 0 4px rgba(108,80,197,.11)}
.current-model-note{margin-top:8px;color:#5b49a0!important;font-weight:800}

/* The debt number must always stay inside its purple card. */
.debt-hero{grid-template-columns:minmax(0,1fr) minmax(420px,.62fr)}
.debt-counter-card{min-width:0;max-width:100%;overflow:hidden;container-type:inline-size}
.debt-counter{max-width:100%;font-size:clamp(1.8rem,2.75vw,3.15rem)!important;line-height:1!important;letter-spacing:-.045em!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
.counter-note{display:block;max-width:100%}

/* Replace the blocky history bars with a clean time-series card. */
.history-chart.round2-history{min-height:310px;padding:18px 20px 12px;overflow:hidden}
.history-line-svg{display:block;width:100%;height:auto;min-height:270px;overflow:visible}
.history-grid-line{stroke:rgba(17,19,21,.085);stroke-width:1}
.history-area{fill:url(#history-area-gradient)}
.history-line{fill:none;stroke:#a9163b;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.history-point{fill:#fff;stroke:#a9163b;stroke-width:4;transition:r .12s ease,fill .12s ease}
.history-point-link:hover .history-point,.history-point-link:focus .history-point{r:8;fill:#f8dce3}
.history-point-link.current .history-point{fill:#a9163b;stroke:#fff;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}
.history-year-label{fill:#67686b;font-size:12px;font-weight:800;font-family:inherit}
.history-value-label{fill:#2a2b2d;font-size:11px;font-weight:850;font-family:inherit}
.history-axis-label{fill:#77787a;font-size:10px;font-family:inherit}
.history-model-dot{fill:#6c50c5;stroke:#fff;stroke-width:3}
.history-model-label{fill:#5a43aa;font-size:10px;font-weight:900;font-family:inherit}

@media(max-width:1050px){.debt-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.72fr)}.debt-counter{font-size:clamp(1.65rem,3.6vw,2.7rem)!important}}
@media(max-width:820px){.debt-hero{grid-template-columns:1fr}.debt-counter{font-size:clamp(1.9rem,7vw,3.1rem)!important}.history-chart.round2-history{overflow-x:auto}.history-line-svg{min-width:760px}}
@media(max-width:520px){.debt-counter{font-size:clamp(1.55rem,7.8vw,2.25rem)!important}.model-status{white-space:normal;border-radius:12px}}