/* Theme-colored paw accents and responsive decorative details. */
:root{--playful-teal:#568b88;--playful-sage:#738761;--playful-clay:#ae765c;--playful-deep-teal:#176e73;--playful-deep-sage:#536b40;--playful-deep-clay:#99573f;--playful-soft:#eee4d6}
.playful-icon{display:inline-block;flex:0 0 auto;width:26px;height:26px;background-color:var(--playful-teal);-webkit-mask:var(--playful-mask) center/contain no-repeat;mask:var(--playful-mask) center/contain no-repeat;pointer-events:none;vertical-align:middle}
.playful-paw{--playful-mask:url('paw-print.svg')}
.playful-sage{background-color:var(--playful-sage)}.playful-clay{background-color:var(--playful-clay)}
.playful-eyebrow{display:flex;align-items:center;gap:12px}.playful-eyebrow .playful-icon,.hero .eyebrow .playful-icon{width:24px;height:24px;transform:rotate(-12deg)}
.hero-footnote .playful-paw{width:24px;height:24px;margin-right:3px;transform:rotate(-8deg)}
.hero-visual .playful-hero-stamp{position:absolute;right:-18px;top:12px;width:66px;height:66px;transform:rotate(18deg);filter:drop-shadow(0 3px 0 var(--cream))}
.mission-print{width:38px;height:38px;transform:rotate(-9deg)}
.feature-empty>.playful-feature-print{width:88px;height:88px;justify-self:center;transform:rotate(-11deg)}
.playful-trail{display:block;width:142px;height:60px;background:url('paw-trail.svg') left center/contain no-repeat;pointer-events:none}
.story-copy>.playful-trail{margin:-18px 0 12px -10px}
.kindness-copy>.kindness-doodle{right:27px;bottom:23px;width:66px;height:66px;opacity:.24;transform:rotate(-18deg)}
.giving-card>.playful-icon.giving-icon{display:block;width:38px;height:38px;margin-bottom:22px;transform:rotate(-10deg)}
.donation-gratitude>.playful-trail{margin:-7px 0 15px -8px}
.foster-role-number{display:flex;align-items:center;gap:12px}.foster-role-number>.playful-icon{width:27px;height:27px;transform:rotate(-9deg)}
/* Deeper tonal variants keep small paw bullets clear against the light card backgrounds. */
.playful-bullet{background-color:var(--playful-deep-teal)}
.adoption-checklist li:nth-child(3n+2)>.playful-bullet,.donation-care-card:nth-child(3n+2) .playful-bullet{background-color:var(--playful-deep-sage)}
.adoption-checklist li:nth-child(3n)>.playful-bullet,.donation-care-card:nth-child(3n) .playful-bullet{background-color:var(--playful-deep-clay)}
/* Paw bullets remain decoration: native list semantics and 18px body copy are preserved. */
.adoption-checklist li{padding-left:37px}.adoption-checklist li::before{display:none}
.adoption-checklist .playful-bullet{position:absolute;left:1px;top:21px;width:22px;height:22px;transform:rotate(-11deg)}
.donation-care-card ul{list-style:none;padding-left:0}.donation-care-card li{position:relative;padding-left:34px;margin-bottom:11px}
.donation-care-card .playful-bullet{position:absolute;left:0;top:5px;width:20px;height:20px;transform:rotate(-11deg)}
.footer-bottom{display:flex;justify-content:flex-start;align-items:center}.footer-bottom>.footer-print{width:23px;height:23px;background-color:#c9dbb5;transform:rotate(13deg)}
@media(max-width:1200px){.feature-empty>.playful-feature-print{grid-row:1 / 3}.hero-visual .playful-hero-stamp{width:58px;height:58px;right:-13px}}
@media(max-width:600px){
.playful-eyebrow{gap:10px}.playful-eyebrow .playful-icon,.hero .eyebrow .playful-icon{width:22px;height:22px}
.hero-visual .playful-hero-stamp{top:5px;right:-8px;width:51px;height:51px}
.feature-empty>.playful-feature-print{width:61px;height:61px;grid-row:auto;justify-self:start;margin:0 0 5px}
.story-copy>.playful-trail{width:116px;height:49px;margin-top:-8px;margin-bottom:10px}
.kindness-copy>.kindness-doodle{width:48px;height:48px;right:18px;bottom:15px;opacity:.14}
.adoption-checklist li{padding-left:34px}.adoption-checklist .playful-bullet{width:20px;height:20px;top:21px}
.donation-care-card li{padding-left:31px}.donation-care-card .playful-bullet{width:19px;height:19px;top:6px}
.footer-bottom{gap:12px;align-items:flex-start}.footer-bottom>.footer-print{margin-top:1px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(forced-colors:active){.playful-icon,.playful-trail{display:none}.adoption-checklist,.donation-care-card ul{list-style:disc;padding-left:24px}.adoption-checklist li,.donation-care-card li{padding-left:0}}

/* Sitewide CTA paws: decoration only; anchor labels remain the navigation cue. */
.cta-paw,.arrow-icon{display:inline-block;flex:0 0 auto;width:19px;height:19px;border:0;background:currentColor;-webkit-mask:url('paw-print.svg') center/contain no-repeat;mask:url('paw-print.svg') center/contain no-repeat;vertical-align:-3px;transform:rotate(-12deg);transition:transform 140ms ease}
.arrow-icon::before,.arrow-icon::after{display:none}
.adoptables-bio .cta-paw,.adoptables-footer .cta-paw{margin-left:5px;width:17px;height:17px}
a:hover .cta-paw,a:hover .arrow-icon{transform:translateY(2px) rotate(-6deg)}
a:active .cta-paw,a:active .arrow-icon{transform:translateY(3px) scale(.88) rotate(-6deg)}
a[target="_blank"] .sr-only{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:0;display:inline}
@media(prefers-reduced-motion:reduce){a .cta-paw,a .arrow-icon{transition:none!important;transform:none!important}}
@media(forced-colors:active){.cta-paw,.arrow-icon{display:none}}