/* Public header actions stay together next to sign-in and the member profile. */
.site-header .header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto;min-width:0}
.site-header .header-actions .account-link{margin-left:0;min-height:44px;max-width:165px;overflow:hidden}
body:not(.admin-page) .site-header .header-actions .account-link{margin-left:0}
.site-header .header-actions .account-link>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .header-support{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 15px;border:1px solid #e14d65;border-radius:5px;background:#c51f3b;color:#fff;font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none;line-height:1.4}
.site-header .header-support:hover{background:#a91830;border-color:#f4788d}
.site-header .header-support>span{font-size:19px;line-height:1}
.support-page{padding:12px 0 6px;max-width:1320px;margin:0 auto}
.support-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:56px;align-items:center;padding:48px;border:1px solid #393e4d;border-radius:16px;background:radial-gradient(ellipse at 6% 110%,#7b243e55,transparent 60%),linear-gradient(125deg,#252b38,#171b24);box-shadow:0 15px 36px #20273714;color:#fff}
.support-kicker{display:inline-flex;gap:9px;align-items:center;font-size:14px;line-height:1.5;letter-spacing:1px;font-weight:600;color:#f6a4b5}
.support-kicker>span{font-size:20px}
.support-intro h1{font-size:clamp(36px,3.4vw,52px);line-height:1.12;letter-spacing:-1.8px;color:#fff;margin:20px 0 24px}
.support-intro h1>span{display:block;margin-top:16px;color:#f7a3b5;font-size:.69em;line-height:1.3;letter-spacing:-.7px;font-weight:500}
.support-intro>p{max-width:570px;color:#d0d5e1;font-size:17px;line-height:1.8;margin:0 0 24px}
.support-intro .support-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:16px;font-weight:600;color:#fff;text-underline-offset:5px}
.support-back:hover{text-decoration:underline}
.support-donation-card{min-width:0;background:#fff;border-radius:12px;padding:30px;color:#303747;box-shadow:0 12px 32px #0002}
.support-heart{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#fff0f3;border:1px solid #f4d4dc;border-radius:14px;color:#c51f3b;font-size:29px;margin-bottom:22px}
.support-donation-card h2{font-size:25px;letter-spacing:-.6px;line-height:1.3;margin:0 0 12px;color:#2b3241}
.support-donation-card>p{font-size:16px;line-height:1.7;margin:0;color:#586477}
.support-payment{margin-top:22px}
body .site-main .support-page .support-payment .button{display:flex;justify-content:center;align-items:center;width:100%;min-height:54px;margin:0;padding:14px 18px;background:#c51f3b;border:1px solid #c51f3b;border-radius:6px;color:#fff;text-decoration:none;font-size:17px;font-weight:600;line-height:1.5;text-align:center;white-space:normal}
body .site-main .support-page .support-payment .button:hover{background:#a91830;border-color:#a91830;color:#fff}
.support-payment .support-payment-note{font-size:14px;line-height:1.6;color:#586477;margin:12px 0}
.support-donation-card .support-free-note{border-top:1px solid #e3e6ed;margin-top:22px;padding-top:18px;font-size:14px;line-height:1.7;color:#586477}
.support-section-heading{margin:38px 0 22px}
.support-section-heading h2{font-size:28px;line-height:1.3;letter-spacing:-.6px;margin:7px 0 0;color:#303747}
.support-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.support-impact-grid article{background:#fff;border:1px solid #d4dae4;border-radius:10px;padding:26px;min-width:0}
.support-impact-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:11px;background:#fff0f3;color:#b51d37;margin-bottom:16px}
.support-impact-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.support-impact-grid h3{font-size:21px;line-height:1.4;margin:0 0 10px;color:#303747}
.support-impact-grid p{font-size:16px;line-height:1.75;margin:0;color:#586477}
.support-thanks{font-size:16px;text-align:center;color:#586477;margin:28px 0 4px;line-height:1.7}
.support-thanks>span{color:#c51f3b;margin-right:6px}
@media(max-width:1200px){
 body:not(.admin-page) .site-header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:14px 5%;background:#222732;border-bottom:1px solid #414b5d;box-shadow:0 5px 18px #151d3030;z-index:10;flex-direction:column;align-items:stretch;gap:0}
 body:not(.admin-page) .site-header nav.open{display:flex}
 body:not(.admin-page) .site-header nav a{padding:13px 0;font-size:16px}
 body:not(.admin-page) .site-header nav a.active:after{display:none}
 body:not(.admin-page) .site-header .mobile-menu{display:block;min-width:44px;min-height:44px;padding:5px 9px;font-size:22px;border:1px solid #444d5e;border-radius:4px;background:#2b303c;color:#dae0eb;flex-shrink:0}
 .support-hero{gap:28px;padding:32px}
}
@media(max-width:760px){
 body:not(.admin-page) .site-header{flex-wrap:wrap;padding-block:14px;gap:12px}
 body:not(.admin-page) .site-header>.brand{flex:1 1 calc(100% - 60px)}
 .site-header .header-actions{order:2;flex:1 1 100%;justify-content:flex-end;gap:10px;margin:0;padding-top:2px}
 .site-header .header-actions .account-link{max-width:140px;padding:8px 10px;border:1px solid #454d5d;border-radius:5px;font-size:14px;gap:7px}
 .site-header .header-actions .account-link>span:last-child{display:block}
 .site-header .header-support{font-size:14px;padding:9px 12px}
 .support-page{padding-top:0}
 .support-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px 22px;border-radius:12px}
 .support-intro h1{font-size:38px;letter-spacing:-1.4px;margin-top:16px;margin-bottom:20px}
 .support-intro>p{font-size:16px;margin-bottom:14px}
 .support-kicker{font-size:14px;letter-spacing:.5px}
 .support-donation-card{padding:24px}
 .support-section-heading{margin-top:30px}
 .support-section-heading h2{font-size:25px}
 .support-impact-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .support-impact-grid article{padding:24px}
}
@media(max-width:380px){
 .site-header .header-actions{gap:8px}
 .site-header .header-actions .account-link{max-width:108px}
 .support-hero{padding:24px 18px}
 .support-intro h1{font-size:34px}
 .support-donation-card{padding:22px 18px}
 .support-donation-card h2{font-size:23px}
}
