/*
 * PFOA Candidate D brand skin.
 *
 * This late-loaded layer changes only color, border color, shadows, and
 * color-dependent image overlays. Layout and typography remain in style.css.
 */

:root {
  --pfoa-brand-structural: var(--pfoa-surface-structural);
  --pfoa-brand-footer: var(--pfoa-surface-footer);
  --pfoa-brand-action: var(--pfoa-action-primary);
  --pfoa-brand-action-hover: var(--pfoa-action-hover);
  --pfoa-brand-active: var(--pfoa-action-active);
  --pfoa-brand-canvas: var(--pfoa-surface-tinted);
  --pfoa-brand-wash: var(--pfoa-surface-subtle);
  --pfoa-brand-accent: var(--pfoa-accent);
  --pfoa-brand-focus-ring: var(--pfoa-focus-ring);
  --pfoa-brand-surface: var(--pfoa-surface-page);

  /* Semantic text and supporting treatments derived from the approved palette. */
  --pfoa-brand-text: var(--pfoa-text-primary);
  --pfoa-brand-muted: var(--pfoa-text-muted);
  --pfoa-brand-on-structural: var(--pfoa-text-on-structural);
  --pfoa-brand-on-structural-strong: var(--pfoa-text-on-structural-strong);
  --pfoa-brand-on-structural-subdued: rgb(from var(--pfoa-text-on-structural) calc(r - 13) calc(g - 12) calc(b - 1));
  --pfoa-brand-on-action: var(--pfoa-text-on-action);
  --pfoa-brand-rule: var(--pfoa-border-default);
  --pfoa-brand-dark-rule: rgb(from var(--pfoa-surface-tinted) r g b / 0.24);
  --pfoa-brand-shadow: rgb(from var(--pfoa-surface-structural) r g b / 0.18);

  /* Bridge the existing visual system to Candidate D. */
  --pfoa-ink: var(--pfoa-brand-text);
  --pfoa-muted: var(--pfoa-brand-muted);
  --pfoa-paper: var(--pfoa-brand-surface);
  --pfoa-canvas: var(--pfoa-brand-canvas);
  --pfoa-header: var(--pfoa-brand-structural);
  --pfoa-header-soft: var(--pfoa-brand-action-hover);
  --pfoa-gold: var(--pfoa-brand-action);
  --pfoa-gold-dark: var(--pfoa-brand-action);
  --pfoa-rule: var(--pfoa-brand-rule);
  --pfoa-outer: var(--pfoa-brand-structural);
}

html,
body {
  background: var(--pfoa-brand-structural);
}

body {
  color: var(--pfoa-brand-text);
}

.pfoa-site-frame {
  background: var(--pfoa-brand-canvas);
  box-shadow: 0 0 48px rgb(from var(--pfoa-surface-footer) r g b / 0.24);
}

.pfoa-main,
.pfoa-asm-listing {
  --pfoa-ink: var(--pfoa-brand-text);
  --pfoa-muted: var(--pfoa-brand-muted);
  --pfoa-paper: var(--pfoa-brand-surface);
  --pfoa-canvas: var(--pfoa-brand-canvas);
  --pfoa-accent: var(--pfoa-brand-action);
  --pfoa-gold: var(--pfoa-brand-action);
  --pfoa-gold-dark: var(--pfoa-brand-action);
  --pfoa-rule: var(--pfoa-brand-rule);
}

.pfoa-main {
  background: var(--pfoa-brand-surface);
}

a,
.pfoa-prose a,
.pfoa-faqs-answer a,
.pfoa-partner-card a,
.pfoa-homefront-video a,
.pfoa-sponsored-intro a {
  color: var(--pfoa-brand-action);
}

a:hover,
a:focus,
.pfoa-prose a:hover,
.pfoa-prose a:focus,
.pfoa-faqs-answer a:hover,
.pfoa-faqs-answer a:focus,
.pfoa-homefront-video a:hover,
.pfoa-homefront-video a:focus {
  color: var(--pfoa-brand-action-hover);
}

/* Header and navigation */

.pfoa-site-header {
  background: var(--pfoa-brand-structural);
}

.pfoa-brand-tagline {
  color: var(--pfoa-brand-on-structural-subdued);
}

.pfoa-primary-menu > li + li::before {
  background: rgb(from var(--pfoa-surface-tinted) r g b / 0.28);
}

.pfoa-primary-menu > li > a:hover,
.pfoa-primary-menu > li > a:focus,
.pfoa-submenu-toggle:hover,
.pfoa-submenu-toggle:focus {
  background: rgb(from var(--pfoa-action-active) r g b / 0.34);
  color: var(--pfoa-brand-on-structural-strong);
}

.pfoa-primary-menu > .current-menu-item > a,
.pfoa-primary-menu > .current_page_item > a,
.pfoa-primary-menu > .current-menu-ancestor > a,
.pfoa-primary-menu > .current-menu-ancestor > .pfoa-submenu-toggle,
.pfoa-primary-menu > .current-menu-item > .pfoa-submenu-toggle--parent,
.pfoa-primary-menu > .pfoa-menu-item--donate > a {
  background: var(--pfoa-brand-active);
  box-shadow: 0 3px 0 var(--pfoa-brand-action-hover);
  color: var(--pfoa-brand-on-structural-strong);
}

.pfoa-primary-menu > .current-menu-item > a:hover,
.pfoa-primary-menu > .current-menu-item > a:focus,
.pfoa-primary-menu > .current_page_item > a:hover,
.pfoa-primary-menu > .current_page_item > a:focus,
.pfoa-primary-menu > .current-menu-ancestor > a:hover,
.pfoa-primary-menu > .current-menu-ancestor > a:focus,
.pfoa-primary-menu > .current-menu-ancestor > .pfoa-submenu-toggle:hover,
.pfoa-primary-menu > .current-menu-ancestor > .pfoa-submenu-toggle:focus,
.pfoa-primary-menu > .pfoa-menu-item--donate > a:hover,
.pfoa-primary-menu > .pfoa-menu-item--donate > a:focus {
  background: var(--pfoa-brand-active);
  color: var(--pfoa-brand-on-structural-strong);
}

.pfoa-primary-menu .sub-menu {
  background: var(--pfoa-brand-footer);
  border-top-color: var(--pfoa-brand-active);
  box-shadow: 0 18px 30px rgb(from var(--pfoa-surface-footer) r g b / 0.3);
}

.pfoa-primary-menu .sub-menu a:hover,
.pfoa-primary-menu .sub-menu a:focus {
  background: rgb(from var(--pfoa-action-active) r g b / 0.34);
}

.pfoa-primary-menu .sub-menu .current-menu-item > a,
.pfoa-primary-menu .sub-menu .current_page_item > a {
  border-left-color: var(--pfoa-brand-accent);
  color: var(--pfoa-brand-on-structural-strong);
}

.pfoa-primary-menu .sub-menu a:focus-visible,
.pfoa-primary-menu a:focus-visible,
.pfoa-submenu-toggle:focus-visible,
.pfoa-menu-toggle:focus-visible,
.pfoa-skip-link:focus-visible {
  outline-color: var(--pfoa-brand-focus-ring);
}

.pfoa-skip-link {
  background: var(--pfoa-brand-action);
  border-color: var(--pfoa-brand-wash);
}

/* Main reading surfaces and pale section families */

.pfoa-accessibility-page,
.pfoa-adoption-process-page,
.pfoa-donate-page,
.pfoa-foster-page,
.pfoa-volunteer-page,
.pfoa-about-page,
.pfoa-contact-page,
.pfoa-faqs-page,
.pfoa-animal-detail-page {
  background: var(--pfoa-brand-surface);
}

.pfoa-adoptable-page {
  background: var(--pfoa-brand-wash);
}

.pfoa-special-needs-page {
  background: var(--pfoa-brand-canvas);
}

.pfoa-accessibility-hero,
.pfoa-foster-hero,
.pfoa-volunteer-hero,
.pfoa-about-hero,
.pfoa-contact-hero,
.pfoa-faqs-hero,
.pfoa-about-place {
  background: var(--pfoa-brand-canvas);
}

.pfoa-accessibility-hero__lead,
.pfoa-foster-hero__lead,
.pfoa-volunteer-hero__lead,
.pfoa-about-hero__lead,
.pfoa-contact-hero__lead,
.pfoa-faqs-hero__lead {
  color: var(--pfoa-brand-text);
}

.pfoa-accessibility-hero::before,
.pfoa-foster-hero::before,
.pfoa-volunteer-hero::before,
.pfoa-about-hero::before,
.pfoa-contact-hero::before,
.pfoa-faqs-hero::before {
  border-color: rgb(from var(--pfoa-action-primary) r g b / 0.22);
}

.pfoa-accessibility-hero::after,
.pfoa-foster-hero::after,
.pfoa-volunteer-hero::after,
.pfoa-about-hero::after,
.pfoa-contact-hero::after,
.pfoa-faqs-hero::after {
  background: rgb(from var(--pfoa-action-primary) r g b / 0.2);
}

.pfoa-wishlist-figure,
.pfoa-sponsored-validation-note,
.pfoa-homefront-current,
.pfoa-homefront-status,
.pfoa-adopted2026-note,
.pfoa-adopted2025-note, .pfoa-adopted2024-note, .pfoa-adopted2023-note, .pfoa-adopted2022-note, .pfoa-adopted2021-note, .pfoa-adopted2020-note,
.pfoa-adoption-story-gallery figure,
.pfoa-asm-state {
  background: var(--pfoa-brand-wash);
}

.pfoa-person-card img,
.pfoa-volunteer-card img,
.pfoa-facility-card img,
.pfoa-history-figure img,
.pfoa-memorial-card img,
.pfoa-sponsored-card__media,
.pfoa-adopted2026-card a,
.pfoa-adopted2025-card a, .pfoa-adopted2024-card a, .pfoa-adopted2023-card a, .pfoa-adopted2022-card a, .pfoa-adopted2021-card a, .pfoa-adopted2020-card a,
.asm3-adoptable-link > div:first-child {
  background: var(--pfoa-brand-canvas);
}

.pfoa-partner-card,
.pfoa-sponsored-card,
.pfoa-homefront-avatar,
.pfoa-homefront-instruction,
.pfoa-homefront-list a,
.pfoa-adopted2026-card,
.pfoa-adopted2026-card figcaption,
.pfoa-adopted2025-card, .pfoa-adopted2024-card, .pfoa-adopted2023-card, .pfoa-adopted2022-card, .pfoa-adopted2021-card, .pfoa-adopted2020-card,
.pfoa-adopted2025-card figcaption, .pfoa-adopted2024-card figcaption, .pfoa-adopted2023-card figcaption, .pfoa-adopted2022-card figcaption, .pfoa-adopted2021-card figcaption, .pfoa-adopted2020-card figcaption,
.pfoa-adoption-story-card,
.pfoa-adoption-story,
.pfoa-adoption-story-gallery figcaption,
.pfoa-wishlist-figure img {
  background: var(--pfoa-brand-surface);
}

.pfoa-prose,
.pfoa-prose p,
.pfoa-sponsored-intro p,
.pfoa-sponsored-card__body p:not(.pfoa-sponsored-card__meta):not(.pfoa-sponsored-card__validation),
.pfoa-sponsored-cta p,
.pfoa-homefront-heading-wrap .pfoa-prose p,
.pfoa-adopted2026-reference,
.pfoa-adopted2025-reference, .pfoa-adopted2024-reference, .pfoa-adopted2023-reference, .pfoa-adopted2022-reference, .pfoa-adopted2021-reference, .pfoa-adopted2020-reference,
.pfoa-adoption-story-card,
.pfoa-adoption-story-card-copy,
.pfoa-adoption-story .pfoa-prose p {
  color: var(--pfoa-brand-text);
}

.pfoa-eyebrow,
.pfoa-sponsored-kicker,
.pfoa-homefront-subtitle,
.pfoa-sponsored-card__meta,
.pfoa-adoption-step__number,
.pfoa-about-objectives__number,
.pfoa-donate-purpose__number {
  color: var(--pfoa-brand-action);
}

.pfoa-page-header,
.pfoa-person-card,
.pfoa-volunteer-card,
.pfoa-facility-card figcaption,
.pfoa-memorial-card figcaption,
.pfoa-wishlist-section,
.pfoa-sponsored-intro,
.pfoa-sponsored-cta,
.pfoa-homefront-section h2,
.pfoa-adopted2026-intro,
.pfoa-adopted2025-intro, .pfoa-adopted2024-intro, .pfoa-adopted2023-intro, .pfoa-adopted2022-intro, .pfoa-adopted2021-intro, .pfoa-adopted2020-intro {
  border-color: var(--pfoa-brand-rule);
}

/* Dark structural bands */

.pfoa-accessibility-overview,
.pfoa-accessibility-contact,
.pfoa-adoptable-intro,
.pfoa-home-pathways,
.pfoa-home-support,
.pfoa-adoption-intro,
.pfoa-adoption-requirements,
.pfoa-adoption-support,
.pfoa-donate-hero,
.pfoa-foster-next,
.pfoa-volunteer-next,
.pfoa-about-mission,
.pfoa-contact-appointment,
.pfoa-faqs-resources,
.pfoa-animal-hero,
.pfoa-animal-state,
.pfoa-not-found-page {
  background: var(--pfoa-brand-structural);
  color: var(--pfoa-brand-on-structural-strong);
}

.pfoa-adoption-support,
.pfoa-site-footer {
  background: var(--pfoa-brand-footer);
}

.pfoa-adoptable-intro::after {
  background: var(--pfoa-brand-canvas);
}

.pfoa-special-needs-intro {
  background: var(--pfoa-brand-canvas);
  border-bottom-color: var(--pfoa-brand-structural);
  color: var(--pfoa-brand-text);
}

.pfoa-special-needs-intro::after {
  background: var(--pfoa-brand-structural);
}

.pfoa-special-needs-intro::before {
  border-color: rgb(from var(--pfoa-surface-structural) r g b / 0.2);
}

.pfoa-adoptable-intro__mark {
  border-color: rgb(from var(--pfoa-surface-structural) r g b / 0.34);
}

.pfoa-adoptable-intro__mark-note {
  color: var(--pfoa-brand-muted);
}

.pfoa-special-needs-intro__text {
  color: var(--pfoa-brand-text);
}

.pfoa-special-needs-intro__update {
  color: var(--pfoa-brand-muted);
}

.pfoa-special-needs-intro__mark {
  border-color: rgb(from var(--pfoa-surface-tinted) r g b / 0.36);
  color: var(--pfoa-brand-on-structural-subdued);
}

.pfoa-adoptable-intro::before,
.pfoa-home-support::before,
.pfoa-adoption-intro::before,
.pfoa-donate-hero::before {
  border-color: rgb(from var(--pfoa-surface-tinted) r g b / 0.22);
}

.pfoa-home-support::after,
.pfoa-donate-hero::after {
  background: rgb(from var(--pfoa-action-active) r g b / 0.48);
}

.pfoa-home-hero {
  background-image:
    linear-gradient(270deg, rgb(from var(--pfoa-surface-footer) r g b / 0.86) 0%, rgb(from var(--pfoa-surface-structural) r g b / 0.68) 31%, rgb(from var(--pfoa-surface-structural) r g b / 0.1) 68%, rgb(from var(--pfoa-surface-footer) r g b / 0.2) 100%),
    url("../images/editorial/optimized/PaulMaryBanner-1600x702.webp");
}

.pfoa-home-hero .pfoa-eyebrow,
.pfoa-adoptable-intro .pfoa-eyebrow,
.pfoa-accessibility-overview__kicker,
.pfoa-accessibility-contact .pfoa-eyebrow,
.pfoa-home-support .pfoa-eyebrow,
.pfoa-adoption-intro .pfoa-eyebrow,
.pfoa-adoption-requirements .pfoa-eyebrow,
.pfoa-adoption-support .pfoa-eyebrow,
.pfoa-donate-hero .pfoa-eyebrow,
.pfoa-foster-next .pfoa-eyebrow,
.pfoa-volunteer-next .pfoa-eyebrow,
.pfoa-about-mission .pfoa-eyebrow,
.pfoa-contact-appointment .pfoa-eyebrow,
.pfoa-faqs-resources .pfoa-eyebrow,
.pfoa-animal-hero .pfoa-eyebrow,
.pfoa-animal-state .pfoa-eyebrow {
  color: var(--pfoa-brand-on-structural-subdued);
}

.pfoa-home-hero__text,
.pfoa-adoptable-intro__text,
.pfoa-special-needs-intro__mark-note,
.pfoa-accessibility-contact__copy > p:last-child,
.pfoa-home-support__text,
.pfoa-adoption-intro__lead,
.pfoa-adoption-intro__note,
.pfoa-adoption-requirements header > p:last-child,
.pfoa-adoption-support header > p:last-child,
.pfoa-adoption-requirements__list dd,
.pfoa-adoption-support__details p,
.pfoa-donate-hero__lead,
.pfoa-foster-next__copy > p:last-of-type,
.pfoa-foster-next__steps p,
.pfoa-volunteer-next__copy > p:last-of-type,
.pfoa-volunteer-next__steps p,
.pfoa-about-mission__statements p,
.pfoa-contact-appointment__copy > p:last-child,
.pfoa-faqs-resources__heading > p,
.pfoa-animal-status,
.pfoa-animal-state p:not(.pfoa-eyebrow) {
  color: var(--pfoa-brand-on-structural);
}

.pfoa-accessibility-overview li,
.pfoa-about-mission__statements article,
.pfoa-adoption-requirements__list,
.pfoa-adoption-requirements__list > div,
.pfoa-adoption-support__details,
.pfoa-adoption-support__details > div,
.pfoa-foster-next__steps li,
.pfoa-volunteer-next__steps li,
.pfoa-faqs-resource-list li,
.pfoa-animal-metadata,
.pfoa-animal-metadata__item {
  border-color: var(--pfoa-brand-dark-rule);
}

.pfoa-animal-metadata__item:nth-child(even) {
  border-left-color: var(--pfoa-brand-dark-rule);
}

.pfoa-donate-action > p:not(.pfoa-donate-action__kicker):not(.pfoa-donate-action__status),
.pfoa-contact-dropoff .pfoa-contact-dropoff__inner > div > p:last-child,
.pfoa-accessibility-improvement .pfoa-accessibility-improvement__inner > div > p:last-child {
  color: var(--pfoa-brand-text);
}

.pfoa-foster-hero__mark small,
.pfoa-volunteer-hero__mark small,
.pfoa-accessibility-overview li {
  color: var(--pfoa-brand-on-structural);
}

.pfoa-animal-metadata__item dt {
  color: var(--pfoa-brand-on-structural-subdued);
}

/* Blue-first actions, states, and forms */

.pfoa-home-hero__cta,
.pfoa-pathway-card__cta,
.pfoa-adoption-button--primary,
.pfoa-foster-contact__link--phone,
.pfoa-volunteer-contact__link--phone,
.pfoa-contact-direct__link--phone,
.pfoa-animal-contact__phone,
.pfoa-animal-sponsorship__phone,
.pfoa-animal-cta--primary,
.pfoa-animal-state .pfoa-animal-cta,
.pfoa-cta a {
  background: var(--pfoa-brand-action);
  border-color: var(--pfoa-brand-action);
  color: var(--pfoa-brand-on-action);
}

.pfoa-home-hero__cta:hover,
.pfoa-home-hero__cta:focus,
.pfoa-pathway-card__cta:hover,
.pfoa-pathway-card__cta:focus,
.pfoa-adoption-button--primary:hover,
.pfoa-adoption-button--primary:focus,
.pfoa-foster-contact__link--phone:hover,
.pfoa-foster-contact__link--phone:focus,
.pfoa-volunteer-contact__link--phone:hover,
.pfoa-volunteer-contact__link--phone:focus,
.pfoa-contact-direct__link--phone:hover,
.pfoa-contact-direct__link--phone:focus,
.pfoa-animal-contact__phone:hover,
.pfoa-animal-contact__phone:focus,
.pfoa-animal-sponsorship__phone:hover,
.pfoa-animal-sponsorship__phone:focus,
.pfoa-animal-cta--primary:hover,
.pfoa-animal-cta--primary:focus,
.pfoa-animal-state .pfoa-animal-cta:hover,
.pfoa-animal-state .pfoa-animal-cta:focus,
.pfoa-cta a:hover,
.pfoa-cta a:focus {
  background: var(--pfoa-brand-action-hover);
  border-color: var(--pfoa-brand-action-hover);
  color: var(--pfoa-brand-on-action);
}

.pfoa-home-hero__cta:focus-visible,
.pfoa-pathway-card__cta:focus-visible {
  outline: 3px solid var(--pfoa-brand-focus-ring);
  outline-offset: 4px;
}

.pfoa-adoption-button--primary:focus-visible,
.pfoa-foster-contact__link--phone:focus-visible,
.pfoa-volunteer-contact__link--phone:focus-visible,
.pfoa-contact-direct__link--phone:focus-visible,
.pfoa-animal-contact__phone:focus-visible,
.pfoa-animal-sponsorship__phone:focus-visible,
.pfoa-animal-cta--primary:focus-visible,
.pfoa-cta a:focus-visible {
  outline: 3px solid var(--pfoa-brand-focus-ring);
  outline-offset: 4px;
}

.pfoa-adoption-button--contact,
.pfoa-foster-contact__link--email,
.pfoa-volunteer-contact__link--email,
.pfoa-contact-direct__link--email,
.pfoa-animal-cta--secondary {
  background: transparent;
  border-color: var(--pfoa-brand-action);
  color: var(--pfoa-brand-action);
}

.pfoa-adoption-button--contact:hover,
.pfoa-adoption-button--contact:focus,
.pfoa-foster-contact__link--email:hover,
.pfoa-foster-contact__link--email:focus,
.pfoa-volunteer-contact__link--email:hover,
.pfoa-volunteer-contact__link--email:focus,
.pfoa-contact-direct__link--email:hover,
.pfoa-contact-direct__link--email:focus,
.pfoa-animal-cta--secondary:hover,
.pfoa-animal-cta--secondary:focus {
  background: var(--pfoa-brand-wash);
  color: var(--pfoa-brand-action-hover);
}

.pfoa-adoption-button--contact:focus-visible,
.pfoa-foster-contact__link--email:focus-visible,
.pfoa-volunteer-contact__link--email:focus-visible,
.pfoa-contact-direct__link--email:focus-visible,
.pfoa-animal-cta--secondary:focus-visible {
  outline: 3px solid var(--pfoa-brand-focus-ring);
  outline-offset: 4px;
}

.pfoa-home-support__cta:disabled,
.pfoa-donate-action__button:disabled,
.pfoa-sponsorship-coming-soon:disabled {
  background: var(--pfoa-brand-muted);
  border-color: var(--pfoa-brand-muted);
  color: var(--pfoa-brand-on-action);
  opacity: 1;
}

.pfoa-home-support__action,
.pfoa-accessibility-contact__actions,
.pfoa-donate-action,
.pfoa-foster-contact,
.pfoa-volunteer-contact,
.pfoa-contact-appointment__action {
  background: var(--pfoa-brand-canvas);
  border-color: var(--pfoa-brand-action);
  box-shadow: 16px 16px 0 var(--pfoa-brand-shadow);
  color: var(--pfoa-brand-text);
}

.pfoa-home-support__note {
  color: var(--pfoa-brand-muted);
}

.pfoa-adoption-fees,
.pfoa-adoption-cta,
.pfoa-donate-update,
.pfoa-about-governance,
.pfoa-contact-dropoff,
.pfoa-accessibility-improvement {
  background: var(--pfoa-brand-canvas);
  border-color: var(--pfoa-brand-action);
  color: var(--pfoa-brand-text);
}

.pfoa-adoption-fees *,
.pfoa-adoption-cta *,
.pfoa-donate-update *,
.pfoa-about-governance *,
.pfoa-contact-dropoff *,
.pfoa-accessibility-improvement * {
  border-color: rgb(from var(--pfoa-text-primary) r g b / 0.28);
}

.pfoa-adoption-cta__actions p,
.pfoa-donate-action__status,
.pfoa-foster-contact__phone-note,
.pfoa-foster-contact__confirmation,
.pfoa-volunteer-contact__phone-note,
.pfoa-volunteer-contact__confirmation {
  color: var(--pfoa-brand-muted);
}

.pfoa-foster-contact__confirmation,
.pfoa-volunteer-contact__confirmation {
  border-top-color: rgb(from var(--pfoa-text-primary) r g b / 0.3);
}

.pfoa-foster-kicker,
.pfoa-volunteer-kicker,
.pfoa-contact-kicker,
.pfoa-contact-detail__appointment {
  color: var(--pfoa-brand-action);
}

.pfoa-foster-contact .pfoa-foster-kicker,
.pfoa-volunteer-contact .pfoa-volunteer-kicker {
  color: var(--pfoa-brand-action);
}

.pfoa-accessibility-overview,
.pfoa-foster-hero__note,
.pfoa-volunteer-hero__note,
.pfoa-about-hero__since,
.pfoa-contact-direct,
.pfoa-faqs-hero__index {
  box-shadow: 16px 16px 0 var(--pfoa-brand-shadow);
}

.pfoa-accessibility-overview ol,
.pfoa-foster-next__steps,
.pfoa-volunteer-next__steps,
.pfoa-about-mission__statements {
  border-top-color: var(--pfoa-brand-dark-rule);
}

.pfoa-accessibility-overview li,
.pfoa-foster-next__steps li,
.pfoa-volunteer-next__steps li,
.pfoa-about-mission__statements article {
  border-bottom-color: var(--pfoa-brand-dark-rule);
}

.pfoa-accessibility-overview li span,
.pfoa-foster-hero__note .pfoa-foster-kicker,
.pfoa-foster-hero__mark span,
.pfoa-volunteer-hero__note .pfoa-volunteer-kicker,
.pfoa-volunteer-hero__mark span,
.pfoa-about-hero__since > span,
.pfoa-about-mission__statements span,
.pfoa-contact-direct__link span,
.pfoa-faqs-hero__index small,
.pfoa-faqs-hero__index-label {
  color: var(--pfoa-brand-on-structural-subdued);
}

.pfoa-foster-hero__note > p:not(.pfoa-foster-kicker),
.pfoa-volunteer-hero__note > p:not(.pfoa-volunteer-kicker),
.pfoa-about-hero__since p,
.pfoa-contact-direct__note {
  color: var(--pfoa-brand-on-structural);
}

.pfoa-foster-hero__mark,
.pfoa-volunteer-hero__mark,
.pfoa-about-hero__since p,
.pfoa-faqs-hero__index small {
  border-color: var(--pfoa-brand-dark-rule);
}

.pfoa-about-facilities article {
  background: var(--pfoa-brand-wash);
}

.pfoa-about-facilities article:last-child {
  background: var(--pfoa-brand-structural);
}

.pfoa-about-facilities__label,
.pfoa-about-facilities article > span,
.pfoa-about-facilities article:last-child .pfoa-about-facilities__label,
.pfoa-about-facilities article:last-child > span {
  color: var(--pfoa-brand-action);
}

.pfoa-about-facilities article:last-child > p:not(.pfoa-about-facilities__label) {
  color: var(--pfoa-brand-on-structural);
}

.pfoa-about-facilities article:last-child > span {
  border-top-color: var(--pfoa-brand-dark-rule);
}

.pfoa-about-governance__copy {
  border-left-color: rgb(from var(--pfoa-text-primary) r g b / 0.52);
}

.pfoa-about-governance__copy p + p,
.pfoa-contact-appointment__action strong,
.pfoa-contact-dropoff p:last-child,
.pfoa-accessibility-contact__actions a,
.pfoa-accessibility-improvement div > p:last-child {
  border-top-color: rgb(from var(--pfoa-text-primary) r g b / 0.28);
}

.pfoa-contact-appointment__action > span,
.pfoa-contact-appointment__action strong {
  color: var(--pfoa-brand-text);
}

.pfoa-faqs-answer a {
  text-decoration-color: rgb(from var(--pfoa-action-primary) r g b / 0.45);
}

.pfoa-faqs-resource-list li {
  border-color: var(--pfoa-brand-dark-rule);
}

.pfoa-faqs-resource-list li:nth-last-child(-n + 2) {
  border-bottom-color: var(--pfoa-brand-dark-rule);
}

.pfoa-accessibility-contact__actions span,
.pfoa-accessibility-contact__actions strong {
  color: var(--pfoa-brand-text);
}

.pfoa-accessibility-contact__actions a + a {
  border-top-color: rgb(from var(--pfoa-text-primary) r g b / 0.28);
}

.pfoa-adoption-fees h2,
.pfoa-adoption-fees p,
.pfoa-adoption-fees .pfoa-eyebrow,
.pfoa-adoption-cta h2,
.pfoa-adoption-cta .pfoa-eyebrow,
.pfoa-adoption-cta__inner > div:first-child > p:last-child,
.pfoa-donate-update h2,
.pfoa-donate-update p,
.pfoa-donate-update .pfoa-eyebrow,
.pfoa-about-governance h2,
.pfoa-about-governance p,
.pfoa-about-governance .pfoa-eyebrow,
.pfoa-contact-dropoff h2,
.pfoa-contact-dropoff p,
.pfoa-contact-dropoff .pfoa-eyebrow,
.pfoa-accessibility-improvement h2,
.pfoa-accessibility-improvement p,
.pfoa-accessibility-improvement .pfoa-eyebrow {
  color: var(--pfoa-brand-text);
}

select,
input,
textarea,
.asm3-filters select {
  color: var(--pfoa-brand-text);
}

.pfoa-adoptable-page .asm3-filters select,
.pfoa-special-needs-page .asm3-filters select {
  border-color: rgb(from var(--pfoa-text-primary) r g b / 0.3);
}

.pfoa-special-needs-page .asm3-filters {
  border-color: rgb(from var(--pfoa-text-primary) r g b / 0.3);
}

.pfoa-adoptable-page .asm3-filters #asm3-select-breed,
.pfoa-special-needs-page .asm3-filters #asm3-select-species {
  border-left-color: var(--pfoa-brand-accent);
}

.asm3-filters select:focus-visible,
.pfoa-adoptable-page .asm3-filters select:focus-visible,
.pfoa-special-needs-page .asm3-filters select:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  border-color: var(--pfoa-brand-focus-ring);
  outline-color: rgb(from var(--pfoa-focus-ring) r g b / 0.28);
}

.pfoa-adoption-faq summary:focus-visible,
.pfoa-faqs-list summary:focus-visible,
.pfoa-faqs-answer a:focus-visible,
.pfoa-about-next__grid article > a:focus-visible,
.pfoa-about-next__links a:focus-visible,
.pfoa-homefront-list a:focus-visible,
.pfoa-adopted2026-card a:focus-visible,
.pfoa-adopted2025-card a:focus-visible, .pfoa-adopted2024-card a:focus-visible, .pfoa-adopted2023-card a:focus-visible, .pfoa-adopted2022-card a:focus-visible, .pfoa-adopted2021-card a:focus-visible, .pfoa-adopted2020-card a:focus-visible,
.pfoa-adoption-story-card:focus-visible,
.pfoa-prose a:focus-visible {
  outline: 3px solid var(--pfoa-brand-focus-ring);
  outline-offset: 3px;
}

/* Complete the late-layer canonical focus coverage for legacy/native misses. */

.pfoa-accessibility-contact__actions a:focus-visible,
.pfoa-contact-appointment__action a:focus-visible,
.pfoa-faqs-resource-list a:focus-visible,
.pfoa-animal-back-link:focus-visible,
.pfoa-animal-return-link:focus-visible {
  outline-color: var(--pfoa-brand-focus-ring);
}

.pfoa-brand:focus-visible,
.pfoa-footer-links a:focus-visible,
.pfoa-footer-brand-link:focus-visible,
.pfoa-about-mission__more a:focus-visible,
.pfoa-about-history-link a:focus-visible {
  outline: 3px solid var(--pfoa-brand-focus-ring);
  outline-offset: 4px;
}

/* ASM listing and card states */

.pfoa-asm-listing {
  --pfoa-accent: var(--pfoa-brand-action);
}

.asm3-filters select {
  background: var(--pfoa-brand-surface);
  border-color: var(--pfoa-brand-rule);
}

.asm3-adoptable-item {
  background: var(--pfoa-brand-surface);
  border-color: var(--pfoa-brand-rule);
  box-shadow: 0 10px 24px rgb(from var(--pfoa-surface-structural) r g b / 0.09);
  color: var(--pfoa-brand-text);
}

.asm3-adoptable-item:hover,
.asm3-adoptable-item:focus-within {
  border-color: var(--pfoa-brand-active);
  box-shadow: 0 16px 30px rgb(from var(--pfoa-surface-structural) r g b / 0.16);
}

.asm3-adoptable-link,
.asm3-adoptable-name {
  color: var(--pfoa-brand-text);
}

.asm3-adoptable-name::after {
  color: var(--pfoa-brand-action);
}

.asm3-adoptable-tag {
  background: var(--pfoa-brand-wash);
  color: var(--pfoa-brand-muted);
}

.asm3-adoptable-tag-sex {
  background: var(--pfoa-brand-canvas);
  color: var(--pfoa-brand-text);
}

.asm3-adoptable-link:focus-visible,
.asm3-adoptable-link:focus-visible .asm3-adoptable-name {
  outline-color: var(--pfoa-brand-focus-ring);
}

.pfoa-adoptable-page .asm3-adoptable-link > div:first-child,
.pfoa-front-page .asm3-adoptable-link > div:first-child {
  border-bottom-color: var(--pfoa-brand-action);
}

.pfoa-special-needs-page .asm3-adoptable-link > div:first-child {
  border-bottom-color: var(--pfoa-brand-active);
}

.pfoa-adoptable-page .asm3-adoptable-item:hover,
.pfoa-adoptable-page .asm3-adoptable-item:focus-within,
.pfoa-special-needs-page .asm3-adoptable-item:hover,
.pfoa-special-needs-page .asm3-adoptable-item:focus-within,
.pfoa-front-page .asm3-adoptable-item:hover,
.pfoa-front-page .asm3-adoptable-item:focus-within {
  border-color: var(--pfoa-brand-action-hover);
}

.pfoa-special-needs-page .asm3-adoptable-item {
  border-bottom-color: var(--pfoa-brand-rule);
}

.pfoa-asm-state {
  border-left-color: var(--pfoa-brand-action);
  color: var(--pfoa-brand-muted);
}

.pfoa-asm-state--error {
  background: #f5e9e2;
  border-left-color: #8a3f2d;
  color: #53291f;
}

.pfoa-asm-image-fallback {
  background: var(--pfoa-brand-action-hover);
  color: var(--pfoa-brand-on-structural);
}

.pfoa-asm-image-fallback__mark {
  color: var(--pfoa-brand-active);
}

/* Cards and signatures */

.pfoa-pathway-card--adopt {
  --pfoa-card-accent: var(--pfoa-brand-active);
  --pfoa-card-medallion: var(--pfoa-brand-action-hover);
  --pfoa-card-medallion-ink: var(--pfoa-brand-on-action);
}

.pfoa-pathway-card--foster {
  --pfoa-card-accent: var(--pfoa-brand-canvas);
  --pfoa-card-medallion: var(--pfoa-brand-wash);
  --pfoa-card-medallion-ink: var(--pfoa-brand-text);
}

.pfoa-pathway-card--donate {
  --pfoa-card-accent: var(--pfoa-brand-active);
  --pfoa-card-medallion: var(--pfoa-brand-action);
  --pfoa-card-medallion-ink: var(--pfoa-brand-on-action);
}

.pfoa-pathway-card--volunteer {
  --pfoa-card-accent: var(--pfoa-brand-canvas);
  --pfoa-card-medallion: var(--pfoa-brand-accent);
  --pfoa-card-medallion-ink: var(--pfoa-brand-on-action);
}

.pfoa-pathway-card__copy {
  color: var(--pfoa-brand-on-structural);
}

.pfoa-partner-card,
.pfoa-wishlist-figure,
.pfoa-sponsored-card,
.pfoa-homefront-avatar,
.pfoa-homefront-list a,
.pfoa-adopted2026-card,
.pfoa-adopted2025-card, .pfoa-adopted2024-card, .pfoa-adopted2023-card, .pfoa-adopted2022-card, .pfoa-adopted2021-card, .pfoa-adopted2020-card,
.pfoa-adoption-story-card,
.pfoa-adoption-story,
.pfoa-history-figure img,
.pfoa-spayneuter-figure img {
  border-color: var(--pfoa-brand-rule);
  border-bottom-color: var(--pfoa-brand-action);
}

.pfoa-homefront-list a:hover,
.pfoa-homefront-list a:focus,
.pfoa-adoption-story-card:hover {
  background: var(--pfoa-brand-wash);
  border-bottom-color: var(--pfoa-brand-action-hover);
  color: var(--pfoa-brand-text);
}

.pfoa-adoption-story,
.pfoa-prose blockquote {
  border-top-color: var(--pfoa-brand-action);
}

.pfoa-prose blockquote,
.pfoa-sponsored-validation-note,
.pfoa-homefront-current,
.pfoa-homefront-status,
.pfoa-adopted2026-note,
.pfoa-adopted2025-note, .pfoa-adopted2024-note, .pfoa-adopted2023-note, .pfoa-adopted2022-note, .pfoa-adopted2021-note, .pfoa-adopted2020-note {
  border-left-color: var(--pfoa-brand-action);
}

/* Preserve semantic availability/error colors; only the pending accent moves blue. */

.pfoa-animal-status--pending > span {
  background: var(--pfoa-brand-active);
}

.pfoa-animal-back-link,
.pfoa-animal-back-link:hover,
.pfoa-animal-back-link:focus {
  color: var(--pfoa-brand-on-structural);
}

.pfoa-animal-photo {
  box-shadow: 18px 18px 0 rgb(from var(--pfoa-action-primary) r g b / 0.22);
}

.pfoa-animal-detail--special .pfoa-animal-photo {
  box-shadow: 18px 18px 0 var(--pfoa-brand-active);
}

.pfoa-animal-metadata,
.pfoa-animal-metadata__item {
  border-color: var(--pfoa-brand-dark-rule);
}

.pfoa-animal-biography__copy,
.pfoa-animal-biography__copy p {
  color: var(--pfoa-brand-text);
}

.pfoa-animal-actions {
  background: var(--pfoa-brand-canvas);
  border-bottom-color: var(--pfoa-brand-action);
  color: var(--pfoa-brand-text);
}

.pfoa-animal-actions__status,
.pfoa-animal-contact__context,
.pfoa-animal-sponsorship,
.pfoa-animal-sponsorship__context {
  border-color: rgb(from var(--pfoa-text-primary) r g b / 0.28);
}

.pfoa-animal-contact__context,
.pfoa-animal-sponsorship__kicker,
.pfoa-animal-sponsorship__intro,
.pfoa-animal-sponsorship__context,
.pfoa-animal-sponsorship__update {
  color: var(--pfoa-brand-muted);
}

.pfoa-donate-action__status span {
  background: var(--pfoa-brand-accent);
}

/* Branded footer and its restrained logo-derived signature rule. */

.pfoa-site-footer,
.pfoa-site-footer--branded {
  background: var(--pfoa-brand-footer);
  border-color: var(--pfoa-brand-action);
  color: var(--pfoa-brand-on-structural);
}

.pfoa-footer-transition {
  background: var(--pfoa-brand-canvas);
  color: var(--pfoa-brand-text);
}

.pfoa-footer-transition__rule {
  background: linear-gradient(90deg, rgb(from var(--pfoa-action-primary) r g b / 0.15), var(--pfoa-brand-action), var(--pfoa-brand-accent));
}

.pfoa-footer-transition__rule:last-child {
  background: linear-gradient(90deg, var(--pfoa-brand-accent), var(--pfoa-brand-action), rgb(from var(--pfoa-action-primary) r g b / 0.15));
}

.pfoa-site-footer--branded .pfoa-footer-copy,
.pfoa-footer-copy,
.pfoa-footer-links a,
.pfoa-footer-brand-tagline,
.pfoa-site-footer--branded .pfoa-footer-brand-description,
.pfoa-footer-bottom {
  color: var(--pfoa-brand-on-structural);
}

.pfoa-footer-note,
.pfoa-footer-brand-link--large .pfoa-footer-brand-tagline,
.pfoa-footer-links a::before {
  color: var(--pfoa-brand-on-structural-subdued);
}

.pfoa-footer-links a:hover,
.pfoa-footer-links a:focus {
  color: var(--pfoa-brand-on-structural-strong);
}

.pfoa-footer-editorial,
.pfoa-footer-panel,
.pfoa-footer-links li,
.pfoa-site-footer--branded .pfoa-footer-bottom {
  border-color: var(--pfoa-brand-dark-rule);
}

.pfoa-site-footer--branded .pfoa-footer-links li {
  border-bottom-color: var(--pfoa-brand-dark-rule);
}

@media (max-width: 1330px) {
  .pfoa-primary-menu {
    border-top-color: var(--pfoa-brand-dark-rule);
  }

  .pfoa-primary-menu > li {
    border-bottom-color: var(--pfoa-brand-dark-rule);
  }
}

@media (max-width: 820px) {
  .pfoa-site-footer--branded .pfoa-footer-panel,
  .pfoa-site-footer--branded .pfoa-footer-panel:first-child {
    border-top-color: var(--pfoa-brand-dark-rule);
  }
}