/* Payment-specific styles keep hidden controls hidden despite the shared .btn display rule. */
#checkoutLink[hidden], #paymentFinish [hidden] { display: none !important; }
.payment-finish { padding-block: 32px 64px; }
.payment-finish > .in { max-width: 760px; }
.payment-finish .next { background: var(--wash); border-radius: 16px; padding: 16px 20px; margin-block: 20px; }
.payment-finish .next h3 { margin-block: 0 8px; }
.payment-finish .next ol { padding-inline-start: 22px; }
.payment-finish .oid { overflow-wrap: anywhere; }
.payment-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-block: 22px; }
.payment-finish .hint { overflow-wrap: anywhere; }
@media (max-width: 520px) { .payment-actions > * { width: 100%; } }
