/* SRRC UX refinement - scoped, additive */
:root{--srrc-accent:#00c853;--srrc-ink:#f5f7f2;--srrc-surface:#0d1b14;--srrc-border:#315240}
html{scroll-behavior:smooth}body{overflow-wrap:break-word}a,button,input,select,textarea{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #7bf3a7!important;outline-offset:3px}
:where(.btn,.support-btn,.tile a,.restored-card a){min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1.35}
:where(.tile,.restored-card,.support-tile,.srrc-service-tile,.adoption-fee-card){overflow:hidden;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
@media(hover:hover){:where(.tile,.restored-card,.support-tile,.srrc-service-tile,.adoption-fee-card):hover{transform:translateY(-4px);box-shadow:0 14px 34px #0005;border-color:#4e8061}:where(.tile,.restored-card,.support-tile,.srrc-service-tile,.adoption-fee-card) img{transition:transform .35s ease}:where(.tile,.restored-card,.support-tile,.srrc-service-tile,.adoption-fee-card):hover img{transform:scale(1.035)}}
:where(.restored-card,.support-tile,.srrc-service-tile){display:flex;flex-direction:column}:where(.restored-card-body,.srrc-service-body){flex:1;display:flex;flex-direction:column}:where(.restored-card-body a,.support-tile .support-btn,.srrc-service-body a){margin-top:auto}
.support-tile .support-btn{width:100%;margin-left:0;margin-right:0;max-width:100%;box-sizing:border-box}
.srrc-ux-cta{background:linear-gradient(125deg,#0d2519,#123b28);border:1px solid #315640;border-radius:18px;padding:clamp(22px,4vw,48px);margin:36px auto;color:#f5f7f2}
.srrc-ux-cta h2{margin:0 0 10px;color:#fff}.srrc-ux-cta p{max-width:65ch}.srrc-ux-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.srrc-ux-cta-actions .btn{min-width:190px}
.srrc-ux-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px auto}.srrc-ux-trust article{padding:22px;background:#11271b;border:1px solid #2d4b39;border-radius:14px}.srrc-ux-trust h3{margin:0 0 9px;color:#fff}.srrc-ux-trust p{margin:0;color:#dce9df}
.srrc-original-form :where(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){width:100%;box-sizing:border-box;min-height:44px}
.srrc-original-form .privacy-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.55}.srrc-original-form .privacy-consent input{flex:0 0 auto;margin-top:5px}.srrc-original-form .privacy-consent a{display:inline;white-space:nowrap}
@media(max-width:800px){.srrc-ux-trust{grid-template-columns:1fr}.srrc-ux-cta-actions{flex-direction:column}.srrc-ux-cta-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;transform:none!important}}

/* Prominent navigation donation call-to-action */
.header .nav .nav-donate{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 22px;margin-left:auto;background:#00c853;color:#061009!important;border:2px solid #00c853;border-radius:8px;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.header .nav .nav-donate:hover{background:#36e47b;border-color:#36e47b;transform:translateY(-2px);box-shadow:0 5px 16px rgba(0,200,83,.22)}
.header .nav .nav-donate:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:900px){.header .nav .nav-donate{margin:12px 0 4px;width:100%;min-height:46px}}
@media(prefers-reduced-motion:reduce){.header .nav .nav-donate{transition:none}.header .nav .nav-donate:hover{transform:none}}

/* Header alignment restoration: brand left, links centred/right, donate far right */
@media (min-width:901px){
  .header .navrow{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:clamp(10px,1.5vw,24px)}
  .header .brand{flex:0 0 auto;min-width:0;max-width:275px}
  .header .nav{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:clamp(7px,1.1vw,19px)}
  .header .nav>a,.header .nav-dropdown{flex:0 0 auto}
  .header .nav .nav-donate{margin-left:clamp(5px,1vw,18px);min-height:42px;padding:10px clamp(12px,1.4vw,22px);align-self:center}
}
@media (min-width:901px) and (max-width:1199px){
  .header .brand{font-size:11px;letter-spacing:.025em;gap:8px}
  .header .brand img{width:50px;height:50px}
  .header .nav a{font-size:12px}
}