/* Branded charity pages should feel like focused donation journeys, not marketing landing pages. */
body.charity-custom .wrap{max-width:1180px;padding-top:22px;padding-bottom:34px}
body.charity-custom .nav{margin-bottom:30px}
body.charity-custom .nav-actions{display:none!important}
body.charity-custom .hero{grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:46px;align-items:start}
body.charity-custom .intro{min-width:0}
body.charity-custom .intro h1{margin:12px 0 14px;max-width:620px}
body.charity-custom .intro>p{margin:0;max-width:600px}
body.charity-custom .benefits{margin-top:20px}
body.charity-custom .intro-guide{display:none!important}
body.charity-custom .easy-section{display:none!important}
body.charity-custom .panel{margin:0}
body.charity-custom #charity-banner{margin-bottom:26px!important}
body.charity-custom #campaign-banner{margin-bottom:24px}
body.charity-custom footer.foot{margin-top:34px;padding-top:22px;border-top:1px solid var(--id-stroke,#263d5b)}
@media(max-width:900px){body.charity-custom .hero{grid-template-columns:1fr;gap:28px}body.charity-custom .intro h1{max-width:720px}body.charity-custom .intro>p{max-width:720px}}
@media(max-width:760px){body.charity-custom .wrap{padding:16px 14px 28px}body.charity-custom .nav{margin-bottom:22px}body.charity-custom .hero{gap:22px}body.charity-custom .benefits{margin-top:16px}body.charity-custom footer.foot{margin-top:28px}}