/* Pay link pages, design d10. Loaded after /static/ui/site.css and app.css; it only ADDS rules for this page and for what pay.js builds (wallet buttons, the receipt). d10 tokens only. */
.price{font:500 28px/1.2 var(--mono);margin-top:8px}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;color:var(--ink-2);font-size:15px}
.trust code{font:14px var(--mono);overflow-wrap:anywhere}
.desc{white-space:pre-line;overflow-wrap:anywhere}
.ph .small{margin-top:10px}
#pay-notice{margin-top:4px}
#human{min-height:65px;margin-top:16px}
#pay .btn-row{margin-top:14px}
#review,#receipt{margin-top:16px}
#review h2,#receipt h2{font-size:18px;margin:12px 0 4px}
#review .facts dt{padding-top:10px}
#review .facts dd{overflow-wrap:anywhere;word-break:break-all}
.help{color:var(--muted);font-size:13px}
.wallets{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
button.wallet,a.wallet{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--rule-2);border-radius:var(--r);background:transparent;color:var(--ink);font:500 15px var(--sans);cursor:pointer;text-decoration:none}
button.wallet:hover,a.wallet:hover{background:var(--bg-2)}
.wallets>p{flex-basis:100%;margin:0}
.statusline{min-height:24px;margin-top:12px;color:var(--ink-2)}
#answer{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--rule);padding:10px;max-height:20rem;overflow:auto;font:13px var(--mono)}
[hidden]{display:none!important}
/* "Start again", made by pay.js after a failed payment (it has no class): the d10 secondary button look */
#restart{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;margin-top:12px;border:1px solid var(--rule-2);border-radius:var(--r);background:transparent;color:var(--ink);font:500 15px var(--sans);cursor:pointer}
#restart:hover{background:var(--bg-2)}