/* Existing original D2R UI art; payments open on the public Buycoffee profile. */
.support-page{max-width:1180px;padding-bottom:55px}
.support-intro{text-align:center;max-width:820px;margin:30px auto 44px}
.support-intro .eyebrow{font-size:11px;letter-spacing:2px;color:#c3ad7b}
.support-intro h1{font-size:clamp(28px,3.4vw,46px);line-height:1.3;margin:20px 0;color:#e4d4ac;text-wrap:balance}
.support-intro p{max-width:690px;margin:0 auto;color:#bdb7a8;font-size:19px;line-height:1.75}
.support-chamber{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border:14px solid transparent;border-image:url('sanctuary/d2r/panel-frame.webp') 26 stretch;background:linear-gradient(115deg,#101213ef,#090b0cf7);box-shadow:0 16px 50px #0008}
.support-story{padding:30px 40px 36px;text-align:center}
.support-crest{display:block;width:146px;height:auto;margin:0 auto 20px;opacity:.8}
.support-kicker{font:600 10px/1.5 RealmNavigation,Georgia,serif;letter-spacing:3px;color:#b8a473}
.support-chamber h2{font-size:26px;line-height:1.4;margin:12px 0 20px;color:#e1cfa6;text-wrap:balance}
.support-chamber p{color:#bdb9ac;font-size:17px;line-height:1.8;margin:0 0 22px}
.support-realms{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 15px;color:#c9b381;font-size:15px}
.support-realms i{font-style:normal}
.support-divider{height:24px;margin:22px auto;background:url('sanctuary/d2r/divider.webp') center/contain no-repeat;max-width:340px}
.support-chamber .support-note{font-size:15px;color:#a8a596;margin-bottom:0}
.support-payment{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 30px;text-align:center;border-left:1px solid #75644250;background:radial-gradient(ellipse at 50% 25%,#77532624,transparent 65%),#06070766}
.support-torch{width:64px;height:88px;object-fit:contain;margin:0 0 22px;filter:drop-shadow(0 0 18px #cd781933)}
.support-status{border:1px solid #78623e;padding:8px 13px;color:#d5bd8c;font:600 10px/1.5 RealmNavigation,Georgia,serif;letter-spacing:1.5px;background:#151109}
.support-payment h2{font-size:22px;margin-top:22px}
.support-chamber .support-payment-note{font-size:14px;color:#a8a596}
.support-payment .d2-button{max-width:100%;min-height:48px;margin-top:3px}
.support-payment .d2-button span{white-space:normal;text-align:center}
.support-payment .support-pay-button{width:100%;margin:0 0 18px;color:#ffe2a8;min-height:56px}
.support-qr{display:block;width:188px;max-width:100%;background:#fff;margin:0 auto 12px;border:1px solid #b99a64}
.support-qr img{display:block;width:100%;height:auto}
.support-qr-label{color:#c4b69b;font-size:14px;line-height:1.5}
.support-qr-download{display:inline-flex;align-items:center;min-height:44px;color:#d7bc83;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.support-purposes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:40px 0 45px}
.support-purposes article{position:relative;padding:10px 18px 10px 48px;border-left:1px solid #86734d55}
.support-number{position:absolute;left:15px;top:13px;font:18px/1 Georgia,serif;color:#8e7851}
.support-purposes h2{font-size:17px;line-height:1.5;margin:0 0 12px;color:#d3c3a0}
.support-purposes p{font-size:16px;line-height:1.75;color:#b0ad9f;margin:0}
.support-thanks{text-align:center;font-size:21px;color:#d9c59e}
.support-return{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 18px;color:#86734d;font-size:14px}
.support-return a{display:inline-flex;align-items:center;min-height:44px;color:#c4b18a;text-decoration:underline;text-underline-offset:5px}
.support-page a:focus-visible{outline:2px solid #e2c88e;outline-offset:4px}
@media(max-width:760px){
 .support-intro{margin:18px auto 30px}.support-intro p{font-size:17px}
 .support-chamber{grid-template-columns:minmax(0,1fr);border-width:10px}
 .support-story{padding:24px 20px 30px}.support-payment{border-left:0;border-top:1px solid #75644250;padding:30px 20px}
 .support-purposes{grid-template-columns:minmax(0,1fr);gap:22px;margin:30px 0}
 .support-crest{width:120px}.support-chamber h2{font-size:23px}.support-chamber p{font-size:16px}
 .support-realms{gap:4px 9px;font-size:14px}.support-intro .eyebrow{letter-spacing:1px}
}