.budget-hero {
  background:
    radial-gradient(circle at 80% 10%, rgb(78 114 181 / 28%), transparent 24rem),
    linear-gradient(180deg, #192a4a 0, var(--canvas) 82%);
}

.receipt-sheet {
  background:
    repeating-linear-gradient(180deg, transparent 0 51px, rgb(154 163 189 / 9%) 52px),
    var(--surface);
}

.price-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(150px, 0.38fr);
  align-items: end;
  gap: 16px;
}

@media (max-width: 620px) {
  .price-field { grid-template-columns: 1fr; }
}