/* Giving flow (24 Oct 2026). Self-contained colours so it works on every page. */
.nav-cta.nav-cta--donate{background:#fcb041;border-color:#fcb041;color:#18222f!important;font-weight:700}
.nav-cta.nav-cta--donate:hover{background:#fff;border-color:#fff}
.give{background:#ffffff;color:#18222f;padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,4vw,4rem)}
.give-wrap{max-width:1180px;margin:0 auto}
.give-head{max-width:760px;margin-bottom:2.2rem}
.give-kicker,.give-tag{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#11233a;margin:0 0 .6rem}
.give-head h2{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.05;margin:0 0 .9rem}
.give-lede{font-size:1.05rem;line-height:1.55;color:rgba(11,23,38,.78);margin:0}
.give-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:1.25rem;margin-bottom:1.25rem}
.give-quick,.give-campaign,.give-card{background:#fff;border:1px solid rgba(11,23,38,.14);border-radius:14px;padding:1.5rem}
.give-quick{background:#0b1726;color:#fff;border-color:#0b1726;display:flex;flex-direction:column;gap:1rem}
.give-quick h3,.give-card h3,.give-campaign h3{margin:0;font-size:1.25rem;line-height:1.25}
.give-quick p{margin:0;color:rgba(255,255,255,.75);font-size:.92rem;line-height:1.5}
.give-amounts{display:flex;flex-wrap:wrap;gap:.5rem}
.give-amounts a{flex:1 1 auto;min-width:4.5rem;text-align:center;text-decoration:none;font-weight:700;font-size:.95rem;padding:.8rem .9rem;border-radius:999px;border:1.5px solid #0b1726;color:#0b1726;background:#fff;transition:background .2s,color .2s}
.give-amounts a:hover,.give-amounts a:focus-visible{background:#0b1726;color:#fff}
.give-amounts a.is-primary{background:#fcb041;border-color:#fcb041;color:#18222f}
.give-amounts a.is-primary:hover{background:#18222f;border-color:#18222f;color:#fff}
.give-quick .give-amounts a{border-color:rgba(255,255,255,.55);background:transparent;color:#fff}
.give-quick .give-amounts a:hover{background:#fff;color:#0b1726}
.give-quick .give-amounts a.is-primary{background:#fcb041;border-color:#fcb041;color:#18222f}
.give-link{font-weight:700;font-size:.9rem;color:inherit;text-underline-offset:3px}
.give-quick .give-link{color:#fcb041}
.give-campaign{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.4rem;align-items:start}
.give-campaign figure{margin:0;position:relative}
.give-campaign img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.give-campaign figcaption{font-size:.72rem;color:rgba(11,23,38,.62);margin-top:.4rem}
.give-campaign .give-body{display:flex;flex-direction:column;gap:.85rem}
.give-campaign p,.give-card p{margin:0;font-size:.92rem;line-height:1.5;color:rgba(11,23,38,.78)}
.give-goal{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem .7rem;padding:.75rem 0;border-top:1px solid rgba(11,23,38,.14);border-bottom:1px solid rgba(11,23,38,.14)}
.give-goal strong{font-size:1.6rem;font-family:Newsreader,Georgia,serif;font-weight:500}
.give-goal span{font-size:.78rem;color:rgba(11,23,38,.62)}
.give-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.give-card{display:flex;flex-direction:column;gap:.85rem}
.give-card .give-amounts{margin-top:auto}
.give-stage{font-size:.75rem;font-weight:600;color:#11233a}
.give-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.75rem;font-size:.88rem;color:rgba(11,23,38,.72)}
.give-foot p{margin:0}
.give-foot a{color:#18222f;font-weight:700;text-underline-offset:3px}
@media(max-width:900px){.give-top,.give-campaign{grid-template-columns:1fr}.give-cards{grid-template-columns:1fr}}
/* Thank-you and cancel pages */
.ty-page{margin:0;min-height:100vh;background:#18222f;color:#fff;font-family:Montserrat,Arial,sans-serif;display:flex;flex-direction:column}
.ty-top{padding:1.25rem clamp(1.25rem,4vw,4rem);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.ty-top img{width:120px;height:auto}
.ty-top a{color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;letter-spacing:.06em;text-transform:uppercase}
.ty-main{flex:1;display:flex;align-items:center;padding:2rem clamp(1.25rem,4vw,4rem) 4rem}
.ty-card{max-width:720px}
.ty-card h1{font-family:Newsreader,Georgia,serif;font-weight:500;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;margin:0 0 1rem}
.ty-card p{font-size:1.05rem;line-height:1.6;color:rgba(255,255,255,.8);margin:0 0 1.25rem}
.ty-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0}
.ty-actions a{text-decoration:none;font-weight:700;font-size:.9rem;padding:.85rem 1.2rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.55);color:#fff}
.ty-actions a.is-primary{background:#fcb041;border-color:#fcb041;color:#18222f}
.ty-actions a:hover{background:#fff;color:#18222f;border-color:#fff}
.ty-note{font-size:.85rem!important;color:rgba(255,255,255,.6)!important}
.ty-note a{color:#fcb041}
/* Footer social links (24 Oct 2026), same style as connect.css */
.ff-footer .flow-social{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
.ff-footer .flow-social a{display:inline-flex;gap:.55rem;align-items:center;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.25);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.ff-footer .flow-social a:hover,.ff-footer .flow-social a:focus-visible{color:#18222f;background:#fcb041;border-color:#fcb041}

/* ===== Address-tag look, shared across the site (24 Oct 2026) =====
   The yellow notched tag with a punched hole marks an amount or fund code wherever people give.
   Same device as shop.html. */
.ff-tag,.give-goal{position:relative;display:inline-flex;align-items:center;flex-wrap:wrap;gap:.2rem .6rem;padding:.45rem 1rem .45rem 1.75rem;background:#fcb041;color:#18222f;border:0;clip-path:polygon(.9rem 0,100% 0,100% 100%,.9rem 100%,0 50%);line-height:1.2}
.ff-tag::before,.give-goal::before{content:"";position:absolute;left:.75rem;top:50%;width:.42rem;height:.42rem;margin-top:-.21rem;border-radius:50%;background:#ffffff}
.ff-tag b{font:600 .78rem Montserrat,Arial,sans-serif;letter-spacing:.04em}
.give-goal{align-self:flex-start;width:fit-content;max-width:100%;padding-block:.55rem}
.give-goal strong{font-size:1.45rem}
.give-goal span{color:rgba(11,23,38,.75)}
.ff-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.ff-chips a,.give-amounts a{min-width:4.2rem;text-align:center;padding:.62rem .9rem;border-radius:999px;border:1.5px solid rgba(11,23,38,.16);background:#fff;color:#18222f;font:600 .88rem Montserrat,Arial,sans-serif;text-decoration:none;font-variant-numeric:tabular-nums;transition:background .15s,color .15s,border-color .15s}
.ff-chips a:hover,.ff-chips a:focus-visible,.give-amounts a:hover,.give-amounts a:focus-visible{background:#0b1726;border-color:#0b1726;color:#fff}
.ff-chips a.is-primary,.give-amounts a.is-primary{background:#fcb041;border-color:#fcb041;color:#18222f}
.ff-chips a.is-primary:hover,.give-amounts a.is-primary:hover{background:#0b1726;border-color:#0b1726;color:#fff}
.ff-chips--dark a{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.ff-chips--dark a:hover{background:#fff;border-color:#fff;color:#18222f}