.rp-intro{font-size:16px;font-weight:600;color:var(--muted);line-height:1.55;margin-top:10px;max-width:640px}
#rp-load-err{margin:0 0 24px}
.rp-form{margin-top:28px}
.rp-form h2{font-size:21px;font-weight:800;letter-spacing:-.4px;margin-bottom:16px}
.rp-tabs{display:grid;grid-template-columns:1fr 1fr;border:var(--bd);border-radius:var(--r);overflow:hidden}
.rp-tab{background:var(--white);border:none;padding:12px 10px;font-family:'Sora','Sora Fallback',sans-serif;font-size:14px;font-weight:700;color:var(--muted);cursor:pointer;transition:background-color .16s ease}
.rp-tab + .rp-tab{border-left:var(--bd)}
.rp-tab:hover{background:#F3EFE2}
.rp-tab.on{background:var(--green-soft);color:var(--text);font-weight:800}
.rp-tab:focus-visible{outline:3px solid var(--sky);outline-offset:-3px}
.rp-mode{font-size:14px;font-weight:600;color:var(--muted);line-height:1.55;margin-top:16px}
.rp-form [data-panel][hidden],.rp-tab[hidden],.rp-form[hidden],#rp-load-err[hidden],.qrow[hidden]{display:none}
@media (max-width:560px){
.rp-form{padding:22px 18px 24px}
.rp-tab{font-size:13px;padding:11px 6px}
}
/* The invoice currency decides, not the currency picked on the site (checkout.css) */
html[data-currency] .rp-form .qrow[data-eur-only]:not([hidden]){display:flex}