.payment-completion-total {
  margin-top: .4rem;
  font-size: clamp(1.5rem, 7.5vw, 2rem);
  line-height: 1.3;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.payment-completion-period { font-size: 1.125rem; line-height: 1.6; font-weight: 700; }
.payment-completion-detail { display: flex; justify-content: space-between; gap: 1rem; }
.payment-completion-detail > dt { flex-shrink: 0; }
.payment-completion-detail > dd { min-width: 0; text-align: right; overflow-wrap: anywhere; }
@media (max-width: 374px) {
  .payment-completion-detail { display: block; }
  .payment-completion-detail > dd { margin-top: .25rem; text-align: left; }
}