#payment-entry-fields[hidden],#payment-review[hidden],#payment-result[hidden],#payment-result [hidden],#payment-region-error[hidden]{display:none!important}
#payment-result{margin-top:22px;padding:20px;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:6px;background:#fffaf6;scroll-margin-top:calc(var(--ux-header-height,130px) + 20px);color:var(--ink)}
#payment-result h3{font:500 20px var(--serif);color:var(--plum);line-height:1.7;margin-bottom:12px}
#payment-result p,.payment-dm-hint{font:13px/1.9 var(--sans);overflow-wrap:anywhere}
#payment-result .payment-preview-note{padding:12px;background:var(--lilac);border-left:3px solid var(--gold);margin-bottom:16px}
.payment-bank-details{margin:16px 0 0}
.payment-bank-details>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font:14px/1.8 var(--sans)}
.payment-bank-details dt{color:var(--muted);font-size:12px}
.payment-bank-details dd{margin:0;overflow-wrap:anywhere;font-weight:500}
.payment-bank-details .bank-number{font-variant-numeric:tabular-nums;letter-spacing:.1em;font-size:19px}
#payment-region-error{color:#963f34;font:13px/1.8 var(--sans);margin-top:12px}
#x-id-dm-hint{font:13px/1.9 var(--sans);margin:9px 0 0;color:var(--plum)}
[data-payment-x]{font-weight:600;overflow-wrap:anywhere}
.payment-guide .payment-options{grid-template-columns:1fr}
#join[data-payment-step="review"] .payment-guide,#join[data-payment-step="complete"] .payment-guide,#join[data-payment-step="review"] .join-heading,#join[data-payment-step="complete"] .join-heading{display:none}
#join[data-payment-step="review"] #f,#join[data-payment-step="complete"] #f{grid-column:1/-1;width:100%;max-width:720px;justify-self:center}
#payment-review{scroll-margin-top:calc(var(--ux-header-height,130px) + 20px)}
#payment-review h2,#payment-result h2{font:500 24px/1.6 var(--serif);color:var(--plum);margin:0 0 16px}
#payment-review>p{font:14px/1.9 var(--sans)}
.payment-review-details{margin:20px 0}
.payment-review-details>div{padding:14px 0;border-bottom:1px solid var(--line)}
.payment-review-details dt{font:12px/1.8 var(--sans);color:var(--muted);margin-bottom:5px}
.payment-review-details dd{margin:0;font:15px/1.9 var(--sans);white-space:pre-wrap;overflow-wrap:anywhere}
.payment-review-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.payment-review-actions button{flex:1 1 220px;min-height:52px;padding:12px 16px;cursor:pointer}
#payment-edit{background:white;border:1px solid var(--line);border-radius:4px;color:var(--plum);font:14px/1.6 var(--sans)}
#payment-result{margin-top:0}
#payment-result h2{font-size:20px}
#join[data-payment-step="complete"] .ux-demo-banner{display:none}
.payment-screenshot{margin:20px 0;padding:16px;background:var(--lilac);border:1px solid var(--line);border-radius:4px}
.payment-screenshot strong{display:block;font:600 16px/1.8 var(--sans);color:var(--plum)}
#payment-result .payment-screenshot p{margin:6px 0 0}
#payment-result .payment-preview-note{font-size:12px;line-height:1.8;margin:0;padding:10px}
@media(max-width:400px){#payment-result{padding:16px}.payment-bank-details>div{grid-template-columns:90px minmax(0,1fr);gap:8px}}

#payment-result .payment-preview-note{margin:0 0 20px;padding:14px}#payment-entry-fields{min-width:0;width:100%;grid-column:1/-1}