/* SnR: richer color and quiet depth, without new panels or automatic motion.
   This layer preserves the original brand palette, imagery and text. */
:root {
  --snr-energy-teal: #0d635f;
  --snr-energy-blue: #125d8f;
  --snr-energy-mint: #d7eee2;
  --snr-energy-gold: #efd189;
}

/* The original photograph stays visible. Only existing accents change. */
body #page-home .hero-answer {
  color: #f4d38c;
  text-shadow: 0 2px 24px rgb(213 166 73 / 12%);
}
body #page-home .hero-actions .cta-help {
  --surface: var(--snr-energy-blue);
  --halo: #9be9dd;
  --ring-dim: #248e9a;
}
body #page-home .hero-actions .cta-support {
  --surface: var(--snr-energy-gold);
  --halo: #fff1c7;
  --ring-dim: #af822b;
}
body #page-home .hero-actions .hero-cta {
  transition: transform 160ms ease, box-shadow 160ms ease;
}
/* Replace the perpetual orbit with a static luminous edge. */
body #page-home .hero-actions .hero-cta::before {
  inset: 0;
  background: linear-gradient(125deg, var(--halo), var(--ring-dim) 48%, var(--halo));
  animation: none;
  transform: none;
}
body #page-home .hero-actions .cta-help .cta-detail { color: #f0f9ff; }
body #page-home .hero-actions .cta-support .cta-detail { color: #263f45; }
body #page-home .hero-actions .hero-cta:hover,
body #page-home .hero-actions .hero-cta:focus-visible { transform: none; }
body #page-home .hero-actions .hero-cta:focus-visible {
  outline: 3px solid #fff4d3;
  outline-offset: 5px;
}

/* Three existing routes; color accents do not imply priority or eligibility. */
body #page-home .help-lanes { background: #f9fcf7; }
body #page-home .help-lanes-grid > a {
  border-top: 3px solid #246bab;
  padding-top: 29px;
}
body #page-home .help-lanes-grid > a:nth-child(2) { border-top-color: #178079; }
body #page-home .help-lanes-grid > a:nth-child(3) { border-top-color: #b88529; }
body #page-home .help-lanes .eyebrow { color: #3e5f65; }
body #page-home .help-lanes p { color: #425968; }

body #page-home .continuum-immersive.healing-linen {
  background: radial-gradient(ellipse at 94% 4%, #deeee4 0, transparent 48%), #f5f0e5;
}
body #page-home .continuum-immersive .expanded-stage {
  background: #fffdf7;
  border-top-color: #19837b;
  box-shadow: 0 12px 30px rgb(11 35 66 / 5%);
}
body #page-home .circle-invite {
  background: linear-gradient(118deg, #124b58, #0d635f);
  color: #fffdf4;
  border-top-color: #72c8b3;
  padding-block: 40px;
}
body #page-home .circle-invite h2,
body #page-home .circle-invite p { color: #fffdf4; }
body #page-home .circle-invite .eyebrow { color: #f4dc9d; }
body #page-home .circle-invite a { color: #fff5d5; }
body #page-home .circle-invite a:focus-visible {
  outline-color: #fff4ce;
  outline-offset: 5px;
}
body #page-home .healing-sage {
  background: linear-gradient(125deg, #e4f0df, #b7ddd0);
  color: #0b2342;
}
body #page-home .endcta {
  background: radial-gradient(ellipse at 95% 10%, #efd189, transparent 58%), #f3e7ce;
  color: #0b2342;
}
body #page-home .endcta .btn.primary {
  background: #124b58;
  border-color: #124b58;
  color: #fff;
}

/* Get Help retains its existing phone-first layout and optional choices. */
body #page-help .hg-welcome {
  background: linear-gradient(112deg, #0b2342 8%, #12545d 100%);
}
body #page-help .hg-welcome h1 .serif { color: #f4d38c; }
body #page-help .hg-welcome .eyebrow { color: #d2eee0; }
body #page-help .hg-call-rail {
  background: #d7eee2;
  color: #153f48;
  border-bottom-color: #83b9a7;
}
body #page-help .hg-option { border-left-color: #2d857d; }
body #page-help .hg-option[aria-pressed='true'] {
  background: #def0e6;
  border-color: #24685f;
}
body #page-help .hg-option.hg-unsure { border-left-color: #ae8029; }
body #page-help .hg-progress button[aria-current='step'] {
  background: #12545d;
  color: #fff;
}
body #page-help .hg-next-card { border-top-color: #19837b; }

/* Restrained texture/depth on existing cards, never on survivor alerts. */
body #page-resources .resource-card {
  border-color: #b5cbbd;
  box-shadow: 0 5px 18px rgb(11 35 66 / 4%);
}
body #page-partners .cols3 > .card { border-top: 3px solid #246bab; }
body #page-partners .cols3 > .card:nth-child(2) { border-top-color: #178079; }
body #page-partners .cols3 > .card:nth-child(3) { border-top-color: #b88529; }
body #page-partners .snr-professional-resource {
  margin-top: 20px;
  padding-top: 12px;
  border-top: 1px solid #bbd0c7;
  color: #173b48;
}
body #page-partners .snr-professional-resource summary {
  min-height: 44px;
  padding: 10px 0;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 650;
  cursor: pointer;
}
body #page-partners .snr-professional-resource p { font-size: 14px; line-height: 1.65; }
body #page-partners .snr-professional-resource a {
  display: inline-block;
  min-height: 44px;
  padding-block: 9px;
  color: #0d635f;
  font-size: 14px;
  font-weight: 650;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}
body #page-partners .snr-professional-resource .snr-resource-scope,
body #page-partners .snr-professional-resource small {
  display: block;
  color: #425968;
  font-size: 12px;
  line-height: 1.65;
}
body #page-partners .snr-professional-resource :is(summary, a):focus-visible {
  outline: 3px solid #126455;
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  body:not(.no-motion) #page-home .hero-actions .hero-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 34px rgb(1 11 25 / 32%);
  }
}
@media (max-width: 640px) {
  body #page-home .help-lanes-grid > a { padding-top: 22px; }
  body #page-home .circle-invite { padding-block: 30px; }
  body #page-home .circle-invite .wrap { gap: 20px; }
}
body.no-motion #page-home .hero-actions .hero-cta,
body.no-motion #page-home .hero-actions .hero-cta::before {
  transform: none !important;
  animation: none !important;
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  body #page-home .hero-actions .hero-cta,
  body #page-home .hero-actions .hero-cta::before {
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }
}
@media print {
  body #page-home .circle-invite,
  body #page-home .circle-invite :is(h2, p, a, .eyebrow) {
    background: #fff !important;
    color: #0b2342 !important;
    box-shadow: none !important;
  }
}