/* Donation cards: give the static markup its intended interior layout. */
.site-root.site-root .donation-grid { align-items:stretch; }
.site-root.site-root .donation-card {
  --donation-brand:#dfb45c;
  --donation-brand-dark:#8c6222;
  --donation-glow:#dfb45c24;
  min-height:360px;
  padding:clamp(24px, 3vw, 34px);
  overflow:visible;
  border-color:color-mix(in srgb,var(--donation-brand) 42%,transparent);
  background:
    radial-gradient(circle at 100% 0,var(--donation-glow),transparent 46%),
    linear-gradient(150deg,#1d1d22,#101014);
  box-shadow:inset 0 3px 0 var(--donation-brand),0 24px 55px -42px var(--donation-brand);
}
.site-root.site-root .donation-card--venmo {
  --donation-brand:#008cff;
  --donation-brand-dark:#0064c8;
  --donation-glow:#008cff35;
}
.site-root.site-root .donation-card--paypal {
  --donation-brand:#0079c1;
  --donation-brand-dark:#003087;
  --donation-glow:#0079c135;
}
.site-root.site-root .donation-card--zelle {
  --donation-brand:#8a35e8;
  --donation-brand-dark:#5612a6;
  --donation-glow:#8a35e83b;
}
.site-root.site-root .donation-card h2 { margin:0; }
.site-root.site-root .donation-brand {
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff;
}
.site-root.site-root .donation-brand span {
  display:grid;
  flex:0 0 54px;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid #ffffff55;
  border-radius:16px;
  background:linear-gradient(145deg,var(--donation-brand),var(--donation-brand-dark));
  color:#fff;
  font-family:var(--font-ui);
  font-size:29px;
  font-weight:800;
  line-height:1;
  box-shadow:0 14px 28px -18px var(--donation-brand);
}
.site-root.site-root .donation-card--paypal .donation-brand span {
  background:#ffc439;
  color:#003087;
}
.site-root.site-root .donation-card p {
  margin:0 0 14px;
  padding:0;
}
.site-root.site-root .donation-card p:first-of-type { margin-top:auto; }
.site-root.site-root .donation-card .button,
.site-root.site-root .donation-card .text-link {
  align-self:flex-start;
  margin-top:12px;
}
.site-root.site-root .donation-card .button {
  border-color:#ffffff38;
  background:linear-gradient(120deg,var(--donation-brand),var(--donation-brand-dark));
  box-shadow:0 15px 30px -20px var(--donation-brand);
}
.site-root.site-root .donation-card .button:hover,
.site-root.site-root .donation-card .button:focus-visible {
  background:linear-gradient(120deg,var(--donation-brand-dark),var(--donation-brand));
}
.site-root.site-root .donation-card .text-link { padding-bottom:8px; }
@media (max-width:680px) {
  .site-root.site-root .donation-card { min-height:300px; }
}