/* Component styles only. Wide desktop uses the existing free right gutter. */
body.homePageActive #app.fhSupportOutset { position:relative!important; overflow:visible!important; }
body.homePageActive .fhSupport { box-sizing:border-box; width:min(100%,var(--fh-support-flow-width,394px)); margin:16px 0 22px auto; color:#e7efea; font-family:var(--approved-font,"Arial",sans-serif); }
body.homePageActive .fhSupport[data-placement="rail"] { position:absolute; width:var(--fh-support-width,272px); margin:0; z-index:3; }
html body.homePageActive #app>aside#fh-support.fhSupport { width:min(100%,var(--fh-support-flow-width,394px))!important; max-width:100%!important; min-width:0!important; margin:16px 0 22px auto!important; }
html body.homePageActive #app>aside#fh-support.fhSupport[data-placement="rail"] { width:var(--fh-support-width,272px)!important; max-width:272px!important; margin:0!important; }
.fhSupport,.fhSupport * { box-sizing:border-box; }
.fhSupport .fhSupportCard { position:relative; isolation:isolate; overflow:hidden; padding:18px; border:1px solid #71834c; border-radius:14px; background:radial-gradient(ellipse at 100% 0%,#31432b,transparent 70%),linear-gradient(130deg,#1c3032,#122326); box-shadow:0 9px 22px #0003,inset 0 1px #dcf39d08; }
.fhSupport .fhSupportCard::after { content:""; position:absolute; left:18px; top:0; width:45px; height:2px; background:#b8dc61; }
.fhSupport .fhSupportHeading { display:flex; align-items:center; gap:11px; margin:0; padding:0; border:0; background:none; }
.fhSupport .fhSupportHeading>div { min-width:0; }
.fhSupport .fhSupportHeart { display:grid; place-items:center; flex:0 0 37px; width:37px; height:44px; border:1px solid #90a65550; border-radius:10px; color:#b8dc61; background:#bad65a0b; font:30px/1 Arial,sans-serif; }
.fhSupport .fhSupportKicker { display:block; margin-bottom:4px; color:#c9c292; font-size:10px; line-height:1.3; font-weight:750; letter-spacing:1.3px; }
.fhSupport h2#fh-support-title { margin:0; padding:0; color:#edf2eb; font-size:24px; line-height:1.1; font-weight:750; letter-spacing:-.35px; text-transform:none; overflow-wrap:normal; }
.fhSupport .fhSupportDescription { margin:13px 0 15px; color:#b9c7bf; font-size:12px; line-height:1.5; }
.fhSupport .fhSupportServices { display:grid; gap:8px; }
.fhSupport .fhSupportService { display:flex; align-items:center; gap:11px; min-height:58px; margin:0; padding:9px 11px; border:1px solid #4d645080; border-radius:8px; color:#e9f0e9; background:linear-gradient(110deg,#213536,#17292c); text-decoration:none; box-shadow:inset 0 1px #ffffff03; transition:background .15s,border-color .15s; }
.fhSupport .fhSupportService:hover { border-color:#a6be6c; background:#2b4134; color:#e9f0e9; }
.fhSupport .fhSupportPrimary { background:linear-gradient(115deg,#c2e36f,#adce58); color:#213515; border-color:#b9da68; box-shadow:0 2px 10px #b8dc6010; }
.fhSupport .fhSupportPrimary:hover { background:#c9e77c; border-color:#d1e895; color:#213515; }
.fhSupport .fhSupportBrand { display:block; flex:0 0 33px; width:33px; height:33px; overflow:hidden; border-radius:7px; }
.fhSupport .fhSupportBrand>img { display:block; width:100%; height:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; object-fit:contain; filter:none; }
.fhSupport .fhSupportBrand-donatik { background:#f3edf9; }
.fhSupport .fhSupportBrand-donatik>img { width:130.5px; height:29px; object-fit:fill; margin:2px 0 0 2px; }
.fhSupport .fhSupportBrand-donationalerts { padding:3px; background:#192b2c; }
.fhSupport .fhSupportLabel { display:flex; flex-direction:column; gap:3px; min-width:0; }
.fhSupport .fhSupportLabel small { color:#adbbb2; font-size:11px; font-weight:400; line-height:1.2; }
.fhSupport .fhSupportPrimary .fhSupportLabel small { color:#41582a; }
.fhSupport .fhSupportLabel strong { color:inherit; font-size:16px; line-height:1.2; font-weight:700; text-transform:none; }
.fhSupport .fhSupportArrow { margin-left:auto; font:18px/1 Arial,sans-serif; opacity:.65; }
.fhSupport .fhSupportThanks { display:flex; align-items:center; justify-content:center; gap:6px; margin:14px 0 0; color:#adbfae; font-size:11px; line-height:1.4; }
.fhSupport .fhSupportThanks>span { color:#b8cc85; font:17px/1 Arial,sans-serif; }
.fhSupport .fhSupportShine { position:absolute; z-index:2; top:-60%; bottom:-60%; left:-80%; width:45%; background:linear-gradient(90deg,transparent,#ebfbd3,transparent); pointer-events:none; opacity:0; transform:translateX(0) skewX(-20deg); animation:fh-support-sweep 9s ease-in-out infinite; animation-delay:1.5s; animation-play-state:paused; }
.fhSupport .fhSupportCard[data-animate="true"] .fhSupportShine { animation-play-state:running; }
.fhSupport a:focus-visible { outline:2px solid #def398; outline-offset:3px; }
@keyframes fh-support-sweep { 0% {transform:translateX(0) skewX(-20deg);opacity:0;} 1.3% {opacity:.16;} 10% {transform:translateX(470%) skewX(-20deg);opacity:.16;} 11.2%,100% {transform:translateX(470%) skewX(-20deg);opacity:0;} }
@media (max-width:1100px) { html body.homePageActive #app>aside#fh-support.fhSupport { width:calc(100% - 32px)!important; max-width:none!important; margin-right:16px!important; } .fhSupport .fhSupportCard { display:grid; grid-template-columns:minmax(180px,.9fr) minmax(0,1.2fr); align-items:center; column-gap:24px; } .fhSupport .fhSupportHeading { grid-column:1; grid-row:1; align-self:end; } .fhSupport .fhSupportDescription { grid-column:1; grid-row:2; margin:12px 0 0; align-self:start; } .fhSupport .fhSupportServices { grid-column:2; grid-row:1 / 4; } .fhSupport .fhSupportThanks { grid-column:1; grid-row:3; justify-content:flex-start; } }
@media (max-width:600px) { .fhSupport .fhSupportCard { display:block; padding:18px; } .fhSupport .fhSupportHeading { gap:12px; } .fhSupport h2#fh-support-title { font-size:23px; } .fhSupport .fhSupportDescription { margin:13px 0 15px; } .fhSupport .fhSupportThanks { justify-content:center; } }
@media (prefers-reduced-motion:reduce) { .fhSupport .fhSupportShine { animation:none; } .fhSupport .fhSupportService { transition:none; } }