@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=DM+Sans:wght@400;600;700&display=swap');
.donation-season{padding:48px 24px!important;background:var(--g2g-paper)}
.donation-design{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--g2g-panel-border);border-radius:16px;padding:28px;color:var(--g2g-ink);font-family:var(--g2g-body);line-height:1.5;box-sizing:border-box}
.donation-design *{box-sizing:border-box}
.donation-design .donation-eyebrow{margin:0;color:var(--g2g-teal);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.donation-design .donation-title{font-family:var(--g2g-headline);font-weight:700;letter-spacing:normal;font-size:40px;line-height:1.1;margin:6px 0 18px;color:var(--g2g-navy)}
.donation-design .donation-totals{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.donation-design .donation-raised{font-family:var(--g2g-headline);font-size:48px;font-weight:700;color:var(--g2g-royal);line-height:1.25}
.donation-design .donation-of{color:var(--g2g-muted);font-size:17px}
.donation-design .donation-percent{margin-left:auto;font-weight:700;color:var(--g2g-teal);font-size:18px}
.donation-design .donation-bar{display:flex;height:18px;border-radius:9px;background:var(--g2g-track);overflow:hidden;margin:10px 0}
.donation-design .donation-bar>span{display:block;height:100%;width:0}
.donation-design .segment-online,.donation-design .key-online{background:var(--g2g-navy)}
.donation-design .segment-workplace,.donation-design .key-workplace{background:var(--g2g-teal)}
.donation-design .segment-mailed,.donation-design .key-mailed{background:var(--g2g-checks)}
.donation-design .donation-legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:var(--g2g-muted);margin:0}
.donation-design .donation-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.donation-design .donation-ways-title{font-family:var(--g2g-headline);font-size:26px;font-weight:700;line-height:1.2;margin:26px 0 12px;color:var(--g2g-navy)}
.donation-design .donation-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.donation-design .donation-way{border-radius:12px;padding:16px;min-width:0}
.donation-design .donation-way h4{margin:0 0 6px;font-family:var(--g2g-body);font-size:17px;font-weight:700;line-height:1.5}
.donation-design .donation-way p{margin:0 0 12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.donation-design .donation-online,.donation-design .donation-mail{background:var(--g2g-light)}
.donation-design .donation-online h4,.donation-design .donation-mail h4{color:var(--g2g-navy)}
.donation-design .donation-online p,.donation-design .donation-mail p{color:var(--g2g-online-text)}
.donation-design .donation-work{background:var(--g2g-work-tint)}.donation-design .donation-work h4{color:var(--g2g-work-text)}.donation-design .donation-work p{color:var(--g2g-teal)}
.donation-design .donation-button{display:inline-block;background:var(--g2g-royal);color:#fff;font:700 15px var(--g2g-body);padding:9px 20px;border:0;border-radius:8px;text-decoration:none;min-height:40px;cursor:pointer}
.donation-design .donation-button:disabled{cursor:not-allowed;opacity:1}
.donation-design .donation-work-button{display:inline-block;border:1.5px solid var(--g2g-teal);color:var(--g2g-teal);font:600 14px var(--g2g-body);padding:8px 14px;border-radius:8px;text-decoration:none;min-height:40px}
.donation-design .donation-example{font-size:13px;text-align:center;color:var(--g2g-muted);margin:14px 0 0}
.donation-design .donation-pledge{font-size:12px;color:var(--g2g-muted);margin:6px 0 0}.donation-design .donation-update{font-size:12px;color:var(--g2g-muted);margin:8px 0}.donation-design .donation-update p{font-size:12px;margin:6px 0}
.donation-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.donation-page main{max-width:948px;padding:24px}.donation-page .donation-page-note{font-size:13px;color:var(--g2g-muted);margin:18px 0}
.donation-design [hidden]{display:none!important}.donation-design a:focus-visible,.donation-design button:focus-visible{outline:3px solid var(--g2g-bright);outline-offset:3px}
@media(max-width:640px){.donation-design .donation-ways{grid-template-columns:1fr}.donation-design .donation-title{font-size:32px}.donation-design .donation-raised{font-size:40px}.donation-design{padding:22px}.donation-season{padding:28px 16px!important}.donation-page main{padding:16px}.donation-design .donation-of{font-size:15px}}

.donation-design .giving-selector{margin:24px 0 0;padding:20px;border:1px solid var(--g2g-panel-border);border-radius:12px;min-width:0;background:var(--g2g-paper)}
.donation-design .giving-selector legend{font:700 26px var(--g2g-headline);padding:0 8px;color:var(--g2g-navy)}
.donation-design .giving-frequency{display:flex;gap:6px;background:var(--g2g-light);padding:5px;border-radius:10px;margin-bottom:16px;max-width:340px}
.donation-design .giving-frequency button{border:0;padding:12px 18px;flex:1;min-height:44px;background:transparent;color:var(--g2g-navy);font:700 15px var(--g2g-body);border-radius:7px;cursor:pointer}
.donation-design .giving-frequency [aria-pressed=true]{background:var(--g2g-navy);color:white}
.donation-design .giving-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.donation-design .giving-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:2px solid var(--g2g-panel-border);border-radius:10px;background:white;cursor:pointer;min-width:0}
.donation-design .giving-option:has(input:checked){border-color:var(--g2g-royal);background:var(--g2g-light)}
.donation-design .giving-option input{display:inline-block;width:18px;height:18px;flex:none;margin:5px 0 0;accent-color:var(--g2g-royal)}
.donation-design .giving-option strong{display:block;font:700 27px var(--g2g-headline);color:var(--g2g-navy)}
.donation-design .giving-meaning{display:block;font:400 13px/1.5 var(--g2g-body);color:var(--g2g-ink);overflow-wrap:anywhere;margin-top:4px}
.donation-design .giving-note{font-size:14px;line-height:1.6;margin:16px 0}
.donation-design .giving-status,.donation-design .signup-status{font-size:13px;margin:8px 0 0;color:var(--g2g-ink)}
.donation-design .donation-monthly{font-size:14px;color:var(--g2g-navy);margin:10px 0 0;font-weight:600}
.email-signup{padding:20px 0 4px;margin:16px 0 0;border-top:1px solid var(--g2g-panel-border);font:400 14px/1.5 var(--g2g-body)}
.email-signup p{margin:8px 0}.email-signup button{min-height:44px;cursor:pointer}
@media(max-width:640px){.donation-design .giving-options{grid-template-columns:1fr}.donation-design .giving-selector{padding:14px}.donation-design .giving-frequency button{padding:12px}}

.giving-sandbox-note{font-weight:700;color:var(--royal,#2450b8);margin:.4rem 0}.giving-selector label:has(input[type=number]){display:block;margin:1rem 0}.giving-selector label[hidden]{display:none}.giving-selector input[type=number]{display:block;width:100%;max-width:18rem;padding:.7rem;font:inherit;border:1px solid #8da6bd;border-radius:.4rem}