/* Source: baseline/donate.html inline <style> blocks, verbatim, in document order. */

    *{box-sizing:border-box}
    body{margin:0;background:var(--tgn-parchment-50);color:var(--tgn-ink);font-family:var(--font-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;text-wrap:pretty}
    h1,p{margin:0;padding:0}
    a{color:inherit;text-decoration:none}

    /* Design-system components, lifted from TGN_Design_System_v1_4.html (03 Components).
       That document aliases the fonts as --fh/--fb; this codebase names the same
       values --font-heading/--font-body, so only the token name differs. */
    .card{background:#fff;border:1px solid var(--tgn-parchment-200);border-radius:var(--tgn-radius-card);padding:26px}
    .btn{display:inline-flex;align-items:center;gap:8px;border-radius:var(--tgn-radius-pill);font-size:16px;font-weight:600;padding:13px 26px;text-decoration:none;cursor:pointer;border:none;font-family:var(--font-body);transition:background 150ms ease}
    .b1{background:var(--tgn-cta-surface);color:var(--tgn-cta-ink)}
    /* CTA-orange fills hover to amber site-wide (get-involved.html, about.html). */
    .b1:hover{background:var(--tgn-cta-surface-hover);color:var(--tgn-cta-ink-hover)}

    /* Page shell. Fluid-first, matching the repo's clamp-based pattern --
       no media query, because nothing here breaks at any width. */
    .tgn-donate{padding:clamp(72px,10vw,140px) clamp(20px,4vw,40px)}
    .tgn-donate__inner{max-width:var(--tgn-container-max);margin:0 auto;display:flex;justify-content:center}
    /* Composes .card -- background, border and radius come from the token rule
       above untouched; only padding scales up, since this card is the whole page. */
    .tgn-donate__card{width:100%;max-width:600px;text-align:center;padding:clamp(28px,5vw,52px)}
    .tgn-donate__h{font-family:var(--font-heading);font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.02em}
    .tgn-donate__lead{margin-top:16px;font-size:18px;color:var(--tgn-parchment-400)}
    .tgn-donate__cta{margin-top:clamp(24px,3.5vw,34px)}
    .tgn-donate__note{margin-top:16px;font-size:14px;line-height:1.6;color:var(--tgn-parchment-400)}