dialog { border:0; border-radius:16px; padding:32px; color:#14306b; width:min(420px,90vw); }
dialog::backdrop { background:#0810208c; backdrop-filter:blur(2px); }
dialog h2 { font-family:'Baloo 2',sans-serif; font-size:26px; margin:0 0 16px; }
.close-preview { float:right; background:#f0f3f8; border:0; border-radius:50%; width:34px; height:34px; color:#14306b; font-size:24px; }
:root { --tier-cta-bg:linear-gradient(100deg,#e74040,#9f1e1e); --tier-cta-color:#ffffff; --tier-cta-shadow:0 16px 34px -16px rgba(159,30,30,.55); }
.donation-nav{position:fixed;inset:0 0 auto;z-index:50;height:56px;display:flex;align-items:center;justify-content:space-between;background:#fff}
.donation-nav>a:first-child{margin-left:48px}.donation-nav svg{height:48px;width:auto}
.donation-nav-action{height:100%;display:flex;align-items:center;justify-content:center;min-width:240px;padding:0 24px;background:linear-gradient(#f12933,#a20913);color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;text-decoration:none}
.membership-tile{min-height:132px;justify-content:space-between}.custom-amount{margin:20px 0}.custom-amount>label{display:block;margin-bottom:8px;font-size:15px;font-weight:700}
.custom-amount-control{display:flex;align-items:center;gap:12px;background:#ffffff0c;border:1px solid #ffffff40;border-radius:12px;padding:12px 16px}
.custom-amount-control input{width:100%;min-width:0;background:transparent;color:#fff;border:0;outline:0;font-size:18px}
.custom-amount-control input::placeholder{color:#e4edfc;opacity:.75}.custom-amount-control:focus-within{outline:3px solid #8bd7ff;outline-offset:3px}
.membership-copy p#amount-error{color:#fff;font-size:13px;margin:10px 0 0}
dialog#local-preview{width:min(480px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:32px;overflow:auto}
.payment-eyebrow{font-size:11px;font-weight:800;color:#63728b;letter-spacing:.1em;margin:0 0 8px}
.payment-summary{margin:0 0 22px;font-size:15px;color:#63728b}.payment-summary strong{color:#14306b;font-size:22px}
.payment-name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
#payment-form label{font-size:13px;font-weight:700;display:block;color:#14306b}
#payment-form input{display:block;width:100%;border:1px solid #d4dbe6;border-radius:8px;padding:12px;margin-top:7px;font-size:16px;color:#14306b;background:#fff}
#payment-form input:focus{outline:3px solid #8bd7ff;outline-offset:1px}
#card-element{border:1px solid #d4dbe6;border-radius:8px;padding:16px 12px;min-height:52px;margin-top:8px;background:#fff}
#card-element.StripeElement--focus{outline:3px solid #8bd7ff;outline-offset:1px}
#payment-status{font-size:13px;line-height:1.5;margin:12px 0;min-height:20px;color:#a20913}
#payment-submit{display:block;width:100%;border:0;border-radius:10px;background:linear-gradient(100deg,#e74040,#9f1e1e);color:#fff;padding:15px 12px;font-weight:800;font-size:16px}
.payment-secure-note{text-align:center;font-size:12px;color:#63728b;margin:14px 0 0}
.payment-success-icon{background:#e2f4ec;border-radius:50%;color:#22734e;font-size:32px;text-align:center;width:56px;line-height:56px;margin:20px auto}
#payment-success{text-align:center}#payment-success h3{text-transform:none;font-size:24px;margin:0 0 12px}
.payment-reference{font-size:11px;color:#63728b;overflow-wrap:anywhere}
@media(width<=380px){.payment-name-grid{grid-template-columns:1fr}dialog#local-preview{padding:24px}}
@media(width<1024px){.donation-nav{height:48px}.donation-nav>a:first-child{margin-left:4px}.donation-nav svg{height:40px}.donation-nav-action{min-width:0;font-size:12px;padding:0 20px}}
#local-preview{margin:auto}
.custom-amount[hidden],#payment-form[hidden],#payment-success[hidden]{display:none!important}
.inline-payment{margin-top:24px;color:#fff}
#payment-form.inline-payment label{color:#e4edfc}
#payment-form.inline-payment input,#payment-form.inline-payment select{color:#fff;background:#ffffff0c;border:1px solid #ffffff40;border-radius:10px;width:100%;padding:12px 14px;font-size:16px}
#payment-form.inline-payment select{display:block;margin:7px 0 20px}
#payment-form.inline-payment select option{color:#14306b;background:#fff}
#payment-form.inline-payment input::placeholder{color:#e4edfc;opacity:.65}
.inline-payment .payment-address-grid{margin-top:16px}
#payment-form.inline-payment #card-element{background:#fff;margin-top:8px}
#payment-form.inline-payment #payment-submit{justify-content:space-between;margin:0;width:100%;font-size:24px;padding:14px 30px}
#payment-form.inline-payment #payment-status,.inline-payment .payment-secure-note{color:#e4edfc}
#payment-success{color:#fff;margin-top:24px}.payment-reference{color:#e4edfc}
.membership-option:last-child .membership-after{font-size:24px;letter-spacing:normal}
#payment-form.inline-payment #payment-submit{display:flex;align-items:center}
.membership-copy #payment-form .payment-secure-note{font-size:12px;margin:14px 0 0;max-width:none;text-align:center}

.donation-tax-intro h2{font-family:inherit;font-size:clamp(19px,2vw,24px);line-height:1.3;font-weight:700;margin:0 0 12px;color:inherit}
.donation-tax-intro p{margin:0 0 10px;line-height:1.5}
.donation-tax-intro .donation-tax-conditions{font-size:12px;line-height:1.5;opacity:.85;max-width:58ch}