.coaching-hero > p:not(.page-kicker) {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.95);
  border-radius: 20px;
  box-shadow: 0 18px 45px rgba(76, 72, 71, 0.18);
  padding: 22px 30px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.65;
}

.coaching-area-grid article {
  overflow: hidden;
  border: 1px solid rgba(76, 72, 71, 0.09);
  border-top: 5px solid var(--card-accent, #55937c);
  background: color-mix(in srgb, var(--card-accent, #55937c) 10%, white);
  box-shadow: 0 14px 35px rgba(76, 72, 71, 0.1);
}

.coaching-area-grid article:nth-child(1) { --card-accent: #ebb3cd; }
.coaching-area-grid article:nth-child(2) { --card-accent: #c67f9f; }
.coaching-area-grid article:nth-child(3) { --card-accent: #599888; }
.coaching-area-grid article:nth-child(4) { --card-accent: #67bda5; }
.coaching-area-grid article:nth-child(5) { --card-accent: #9daed7; }
.coaching-area-grid article:nth-child(6) { --card-accent: #7d96ca; }
.coaching-area-grid article:nth-child(7) { --card-accent: #c9c0ad; }
.coaching-area-grid article:nth-child(8) { --card-accent: #b7a181; }
.coaching-area-grid article:nth-child(9) { --card-accent: #dda45d; }

.coaching-area-icon {
  width: 72px;
  height: 72px;
  object-fit: contain;
  margin: -6px 0 12px;
  filter: drop-shadow(0 7px 10px rgba(76, 72, 71, 0.12));
}

/* Branded fallback for React/mobile navigation: emojis are never shown. */
.coaching-area-grid article > span {
  width: 72px;
  height: 72px;
  margin: -6px 0 12px;
  display: block;
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: drop-shadow(0 7px 10px rgba(76, 72, 71, 0.12));
}

.coaching-area-grid article:nth-child(1) > span { background-image: url('/media/wheel-icons/root-regulate.png'); }
.coaching-area-grid article:nth-child(2) > span { background-image: url('/media/wheel-icons/reclaim.png'); }
.coaching-area-grid article:nth-child(3) > span { background-image: url('/media/wheel-icons/rediscover.png'); }
.coaching-area-grid article:nth-child(4) > span { background-image: url('/media/wheel-icons/evolve.png'); }
.coaching-area-grid article:nth-child(5) > span { background-image: url('/media/wheel-icons/fuel-nourish.png'); }
.coaching-area-grid article:nth-child(6) > span { background-image: url('/media/wheel-icons/supportive-space.png'); }
.coaching-area-grid article:nth-child(7) > span { background-image: url('/media/wheel-icons/protect-peace.png'); }
.coaching-area-grid article:nth-child(8) > span { background-image: url('/media/wheel-icons/embody.png'); }
.coaching-area-grid article:nth-child(9) > span { background-image: url('/media/wheel-icons/rhythm.png'); }

.coaching-area-grid h3 {
  margin-top: 12px;
}

@media (max-width: 800px) {
  .coaching-hero > p:not(.page-kicker) {
    padding: 19px 20px;
    font-size: 16px;
  }

  .coaching-area-icon {
    width: 64px;
    height: 64px;
  }

  .coaching-area-grid article > span {
    width: 64px;
    height: 64px;
  }
}