.toolhub-retirement .toolhub-retirement__visuals { margin-top: 1.25rem; }
.toolhub-retirement .toolhub-retirement__bar { display: flex; width: 100%; height: 24px; overflow: hidden; border-radius: 999px; background: #e7ebf1; }
.toolhub-retirement .toolhub-retirement__bar span:nth-child(1), .toolhub-retirement [data-legend="savings"] > span { background: #174ea6; }
.toolhub-retirement .toolhub-retirement__bar span:nth-child(2), .toolhub-retirement [data-legend="contributions"] > span { background: #4f8ee8; }
.toolhub-retirement .toolhub-retirement__bar span:nth-child(3), .toolhub-retirement [data-legend="growth"] > span { background: #83c5be; }
.toolhub-retirement .toolhub-retirement__legend { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin: .75rem 0 1.5rem; padding: 0; list-style: none; }
.toolhub-retirement .toolhub-retirement__legend li > span { display: inline-block; width: .75rem; height: .75rem; margin-right: .35rem; border-radius: 2px; }
.toolhub-retirement .toolhub-retirement__chart { display: block; width: 100%; height: 220px; overflow: visible; }
.toolhub-retirement .toolhub-retirement__chart line { stroke: #9aa6b8; stroke-width: 1; vector-effect: non-scaling-stroke; }
.toolhub-retirement .toolhub-retirement__chart polyline { fill: none; stroke: var(--thub-accent); stroke-width: 3; vector-effect: non-scaling-stroke; }
.toolhub-retirement .toolhub-disclaimer { color: var(--thub-muted); font-size: .88rem; }