/* Cost & usage: the budget bar and the two-chart row. */
.cu-budget { padding: 14px var(--pad-x); display: flex; flex-direction: column; gap: 10px; }
.cu-budget-l { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: var(--text-xs); color: var(--fg-2); }
.cu-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--pg-col); align-items: start; }
@media (max-width: 1100px) { .cu-grid { grid-template-columns: minmax(0, 1fr); } }