/* ============================================================
   donate.css — extends styles.css/pages.css/legal.css for the
   Support TSF / donate page. Reuses .page-intro, .cta, .kicker,
   .legal-banner/.legal-fact/.legal-flag verbatim from existing
   stylesheets. Only new components: the three-method grid and
   the short FAQ beneath it.
   ============================================================ */

.donate-section{padding:20px 7vw 10px}
.donate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}
.donate-card{display:flex;flex-direction:column;padding:30px 28px;border-radius:28px 14px 14px 14px;background:var(--pale-green)}
.donate-card:nth-child(2){background:var(--lime);border-radius:14px 28px 14px 14px}
.donate-card:nth-child(3){background:#d9c8df;border-radius:14px 14px 28px 14px}
.donate-card h2{font-size:var(--fs-h4);letter-spacing:-.02em;line-height:1.1;margin:2px 0 12px}
.donate-card p{font-size:var(--fs-xs);line-height:1.6;margin:0 0 16px}
.donate-card p a{text-decoration:underline;text-underline-offset:2px}
.donate-method{display:inline-block;align-self:flex-start;font-size:var(--fs-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:rgba(10,40,24,.08);border-radius:20px;padding:7px 13px;margin-bottom:18px}
/* Placeholder call-to-action: an inert span, not a dead <a href="#">,
   matching the site's existing "coming soon" idiom (.social-soon in
   styles.css) — an unclickable control shouldn't pretend otherwise. */
.donate-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--ink);color:var(--white);padding:14px 20px;border-radius:26px;font-weight:700;font-size:14.5px;opacity:.6}
.donate-cta .legal-flag{background:var(--white);color:var(--ink);opacity:1}
.donate-card .legal-fact{background:rgba(255,253,245,.6);margin-top:auto;max-width:none;padding:20px 22px}

.donate-faq{padding:80px 7vw 10px;max-width:960px;position:relative;isolation:isolate}
.donate-faq h2{font-size:var(--fs-h3-sm);letter-spacing:-.03em;margin:0 0 28px}
.donate-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.donate-faq-item b{display:block;font-size:var(--fs-sm);line-height:1.35;margin-bottom:8px}
.donate-faq-item p{font-size:var(--fs-xs);line-height:1.6;opacity:.82;margin:0}

@media(max-width:1000px){
  .donate-grid{grid-template-columns:1fr}
  .donate-faq-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:650px){
  .donate-section{padding:14px 6vw 10px}
  .donate-card{padding:26px 22px}
  .donate-faq{padding:56px 6vw 10px}
}