.budget-item--remaining-first {
  padding: 15px 16px 14px;
}

.budget-row-priority {
  align-items: flex-start;
}

.budget-row-priority .budget-category-name {
  padding-top: 3px;
  font-size: .88rem;
  line-height: 1.35;
}

.budget-remaining-primary {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 5px;
  min-width: 0;
  color: var(--ink);
  white-space: nowrap;
}

.budget-remaining-primary small {
  color: var(--muted);
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .02em;
}

.budget-remaining-primary b {
  font-size: 1.18rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.035em;
}

.budget-usage-line {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  color: var(--muted);
  font-size: .66rem;
  white-space: nowrap;
}

.budget-item--remaining-first .progress {
  margin-top: 9px;
}

.budget-item--remaining-first .budget-foot {
  margin-top: 1px;
}

@media (max-width: 420px) {
  .budget-remaining-primary b {
    font-size: 1.12rem;
  }
  .budget-usage-line {
    font-size: .63rem;
    gap: 6px;
  }
}