#cost h2 { margin: 12px 0 0; font-size: 1.05rem; }
#cost h2:first-child { margin-top: 0; }
.bars { display: grid; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.bars li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 8px; font-variant-numeric: tabular-nums; }
.bars .val { font-weight: 600; text-align: right; }
.bars .track { grid-column: 1 / -1; height: 8px; border-radius: 4px; background: var(--line); overflow: hidden; }
.bars .fill { height: 100%; background: var(--accent); border-radius: 4px; }