.usage-explainer{max-width:40rem;margin:0 0 16px;color:var(--mist)}
.usage-topup{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.usage-topup form{margin:0}
.usage-custom{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-top:14px}
.usage-custom input{width:8rem;max-width:100%}
.usage-custom button{height:42px}
.usage-ledger .amt{font-variant-numeric:tabular-nums;white-space:nowrap}
.usage-ledger .plus{color:var(--ok)}
.usage-ledger .minus{color:var(--bad)}
.usage-adjust{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.usage-adjust input{width:auto;min-height:36px;padding:6px 10px}
.usage-adjust input[name=pounds]{width:6.5rem}
.usage-adjust input[name=note]{width:12rem;flex:1 1 8rem;max-width:100%}
@media (max-width:30em){
  .usage-custom,.usage-adjust{align-items:stretch}
  .usage-custom input,.usage-adjust input[name=pounds],.usage-adjust input[name=note]{width:100%}
  .usage-custom button,.usage-adjust button{width:100%}
}