.receipt-wrap { display: flex; justify-content: center; }
@media (min-width: 900px) { .receipt-wrap { justify-content: flex-end; } }
.receipt { width: min(100%, 380px); }
.receipt-head { text-transform: uppercase; letter-spacing: .06em; }
.receipt .ledger .row .num { font-size: 1rem; }
.receipt .ledger .row.total .num { font-size: 1.5rem; }
.earn-grid, .pay-grid { display: grid; gap: clamp(24px, 4vw, 56px); grid-template-columns: 1fr; }
.pay-grid { gap: 20px; }
@media (min-width: 768px) { .earn-grid, .pay-grid { grid-template-columns: 1fr 1fr; } }
.pay-grid .ledger .row { align-items: baseline; }
.pay-grid .ledger .small { text-align: right; font-size: .875rem; }
.cta-card .actions { align-items: center; }