.care-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
}

.care-steps li {
  display: grid;
  align-content: start;
  gap: .35rem;
  min-width: 0;
  padding: .5rem .6rem;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper);
  color: var(--ink);
  font-size: .83rem;
  font-weight: 600;
  line-height: 1.3;
}

.care-steps span {
  display: grid;
  place-items: center;
  width: 1.35rem;
  height: 1.35rem;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--accent);
  font-size: .72rem;
}

.hero-copy > .callback-expectation {
  margin-top: .65rem;
  font-size: .85rem;
}

.care-media {
  position: relative;
  margin: 0;
  min-width: 0;
}

.hero .care-media-caption {
  position: absolute;
  inset: auto auto .75rem .75rem;
  margin: 0;
  padding: 0;
  background: transparent;
}

.care-explainer {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 44px;
  padding: .35rem .85rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--paper);
  color: var(--ink);
  text-decoration: none;
  font-size: .85rem;
  font-weight: 600;
}

.care-explainer:hover { text-decoration: underline; }

@media (max-width: 780px) {
  .hero .care-media-caption { inset: .75rem auto auto .75rem; }
}

/* Shared apricot review palette, with each site's own copy and photography. */
body.care-public,
body[data-site]:is([data-site="home-care"], [data-site="home-health"], [data-site="home-healthcare"]) {
  --paper: #fffdfa;
  --ink: #302a25;
  --accent: #704728;
  --tint: #fff6e5;
  --line: #e5d6c8;
  --hero-bg: #f6d8b6;
}
.hero { background: linear-gradient(122deg, #fff6e5 0%, #f6d8b6 57%, #efc39d 100%); }
.hero .kicker::before { background: #b37b28; }
body .button:not(.button-secondary) { background: #e9b14f; color: #302016; }
.hero .button-secondary { background: #fffdf799; border-color: #986647; }
.care-steps li { background: #fffdf7df; }
.care-steps span { background: #fff6e5; }
.care-steps li:first-child span { background: #e9b14f; border-color: #e9b14f; color: #302016; }
body :is(a, button, input, select):focus-visible { outline-color: #704728; }