.toolhub-compound .toolhub-compound__visuals { margin-top: 1.25rem; }
.toolhub-compound .toolhub-compound__bar { display: flex; height: 24px; overflow: hidden; border-radius: 999px; background: #e7ebf1; }
.toolhub-compound [data-segment="principal"], .toolhub-compound [data-legend="principal"] > span { background: #174ea6; }
.toolhub-compound [data-segment="contributions"], .toolhub-compound [data-legend="contributions"] > span { background: #4f8ee8; }
.toolhub-compound [data-segment="growth"], .toolhub-compound [data-legend="growth"] > span { background: #83c5be; }
.toolhub-compound .toolhub-compound__legend { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin: .75rem 0 1.25rem; padding: 0; list-style: none; }
.toolhub-compound .toolhub-compound__legend li > span { display: inline-block; width: .75rem; height: .75rem; margin-right: .35rem; border-radius: 2px; }
.toolhub-compound .toolhub-compound__chart { display: block; width: 100%; height: 220px; }
.toolhub-compound .toolhub-compound__chart line { stroke: #9aa6b8; stroke-width: 1; vector-effect: non-scaling-stroke; }
.toolhub-compound .toolhub-compound__chart polyline { fill: none; stroke: var(--thub-accent); stroke-width: 3; vector-effect: non-scaling-stroke; }