/* Donor journeys: shared colours and rhythm with the existing foundation site. */
.q4sa-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:clamp(48px,7vw,100px) 0 90px;color:#123f43}
.q4sa-heading{max-width:750px;margin-bottom:38px}
.q4sa-eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:#167a80;text-transform:uppercase;margin:0 0 12px}
.q4sa-heading h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 18px}
.q4sa-intro{font-size:1.14rem;line-height:1.65;max-width:620px;margin:0 0 18px}
.q4sa-test,.q4sp-test{display:inline-block;background:#fff8e9;color:#825820;border:1px solid #e9d5ab;border-radius:8px;padding:9px 13px;font-size:.82rem;line-height:1.5}
.q4sa-grid,.q4sa-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.q4sa-dashboard{grid-template-columns:minmax(260px,350px) minmax(0,1fr);gap:32px}
.q4sa-card,.q4sa-donation{background:#fff;border:1px solid #d7e5e2;border-radius:18px;box-shadow:0 12px 35px rgba(14,65,68,.06);padding:clamp(24px,3vw,36px)}
.q4sa-card h2,.q4sa-history h2{font-size:1.55rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 10px}
.q4sa-card p{margin:0 0 16px}.q4sa-muted{color:#526c6b;font-size:.95rem;line-height:1.55}.q4sa-email,.q4sa-reference{overflow-wrap:anywhere}.q4sa-alert{background:#edf7f4;border-inline-start:4px solid #218187;padding:15px 18px;border-radius:7px;color:#164c4c;margin:0 0 22px;line-height:1.55}
.q4sa-card label{display:block;font-weight:700;font-size:.9rem;margin-bottom:6px}.q4sa-card input:not([type=checkbox]):not([type=hidden]):not([type=submit]){display:block;box-sizing:border-box;width:100%;margin-top:8px;border:1px solid #b6cbc6;border-radius:9px;padding:13px 14px;color:#163e42;background:#fff;font:inherit;min-height:48px}.q4sa-card .login-remember label{font-weight:400}.q4sa-card input[type=checkbox]{width:auto;accent-color:#167a80}
.q4sa-card a,.q4sa-history a:not(.button){color:#126c72;text-decoration:underline;text-underline-offset:3px}.q4sa-card button,.q4sa-card input[type=submit],.q4sa-donation button{border:0;border-radius:9px;background:#16767c;color:white;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer;min-height:46px}.q4sa-card button:hover,.q4sa-card input[type=submit]:hover,.q4sa-donation button:hover{background:#105960}.q4sa-card input:focus-visible,.q4sa-card button:focus-visible,.q4sa-donation button:focus-visible,#q4sp-form :focus-visible,#q4sp-result :focus-visible{outline:3px solid #d79848;outline-offset:3px}
.q4sa-profile form{border-top:1px solid #e3ece9;padding-top:20px;margin-top:20px}.q4sa-profile form button{margin-top:12px}.q4sa-history-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;flex-wrap:wrap}.q4sa-history-head h2{margin:0}.q4sa-history-head .button{font-size:.9rem}.q4sa-donation{padding:22px 24px;margin-bottom:15px}.q4sa-donation p{margin:7px 0}.q4sa-donation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.q4sa-donation-head strong{font-size:1.35rem}.q4sa-status{background:#e9f4f1;border-radius:999px;color:#1d6b64;font-size:.8rem;font-weight:700;padding:5px 10px}.q4sa-reference{font-size:.85rem;color:#526c6b}.q4sa-donation form button{background:#f1f7f4;color:#126c72;border:1px solid #c5ddd6;font-size:.88rem;padding:9px 14px}
#q4sp-form h2{font-size:1.75rem;margin:12px 0 6px}#q4sp-form .q4sp-intro{color:#506b69;line-height:1.55;margin:0 0 22px}#q4sp-form .q4sp-help{color:#526c6b;font-size:.86rem;line-height:1.55;margin:7px 0 16px}#q4sp-form label{font-weight:700;font-size:.91rem}#q4sp-form .q4sp-check{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5}#q4sp-form .q4sp-check input{flex:0 0 auto;margin:4px 0 0;accent-color:#167a80}#q4sp-form .q4sp-check span{flex:1}#q4sp-form input:not([type=checkbox]),#q4sp-form select{min-height:48px;border-radius:9px!important}#q4sp-form .button{margin-top:8px;min-height:52px}#q4sp-message:not(:empty){background:#edf7f4;color:#164c4c;padding:12px 14px;border-radius:8px;margin-top:14px;line-height:1.5}#q4sp-result{background:#f5faf7;border-color:#bddad2!important}#q4sp-result p{line-height:1.5}#q4sp-result>button{border:1px solid #b5d1c8;border-radius:8px;background:white;color:#126c72;font:inherit;font-weight:700;padding:10px 14px;margin:4px 8px 4px 0;cursor:pointer}#q4sp-result form{display:inline-block;margin:8px 8px 8px 0!important}#q4sp-result form button{min-height:46px}
@media(max-width:720px){.q4sa-shell{width:calc(100% - 32px);padding:40px 0 64px}.q4sa-grid,.q4sa-dashboard{grid-template-columns:1fr;gap:16px}.q4sa-heading{margin-bottom:25px}.q4sa-card,.q4sa-donation{border-radius:14px}.q4sa-history-head .button{width:100%;text-align:center}.q4sa-donation form{display:block!important;margin:8px 0!important}.q4sa-donation form button{width:100%}#q4sp-result form,#q4sp-result form button,#q4sp-result>button{display:block;width:100%;margin:8px 0!important}}
header .tools a.plain{white-space:nowrap}
@media(max-width:760px){header .tools{gap:8px;font-size:11px;flex-wrap:wrap;justify-content:flex-end}header .tools a.plain{font-size:11px}}
