@charset "utf-8";

/*
 * Keep the prior diagnosis layout intact.  This is only a light colour pass:
 * less dense blue, softer surfaces, and a clearer but calmer active state.
 */
.home-v4 .snk-diagnosis-lens {
  --lens-ink: #263741;
  --lens-copy: #657b87;
  --lens-blue: #12a5e3;
  --lens-blue-ink: #087eb8;
  --lens-paper: #f4f9fc;
  background: linear-gradient(180deg, #fff 0%, #f8fcfe 100%);
}

.home-v4 .snk-diagnosis-lens__head > div > p {
  color: #7894a5;
}

.home-v4 .snk-diagnosis-lens__head h2 em {
  color: #0c9fde;
}

.home-v4 .snk-diagnosis-lens__issues > header small {
  color: #38586a;
}

.home-v4 .snk-diagnosis-lens__issues > header b {
  color: #71858f;
}

.home-v4 .snk-diagnosis-lens__issues button {
  border: 1px solid #d1e4ee;
  background: #fff;
  box-shadow: 0 8px 20px rgba(27, 87, 115, .045);
}

.home-v4 .snk-diagnosis-lens__issues button > i {
  color: #0e94d1;
  background: #e5f4fb;
}

.home-v4 .snk-diagnosis-lens__issues button small {
  color: #637f8d;
}

.home-v4 .snk-diagnosis-lens__issues button strong {
  color: #2b4757;
  font-weight: 650;
}

.home-v4 .snk-diagnosis-lens__issues button em {
  color: #0a83bd;
  font-weight: 620;
}

.home-v4 .snk-diagnosis-lens__issues button[aria-selected="true"] {
  border-color: #0b97d5;
  color: #164a65;
  background: linear-gradient(135deg, #c6ebfb 0%, #d5f1fc 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .65), 0 13px 29px rgba(0, 133, 193, .17);
}

.home-v4 .snk-diagnosis-lens__issues button[aria-selected="true"] small,
.home-v4 .snk-diagnosis-lens__issues button[aria-selected="true"] > b {
  color: #0a81bc;
}

.home-v4 .snk-diagnosis-lens__issues button[aria-selected="true"] > i {
  color: #fff;
  background: #078fcb;
}

.home-v4 .snk-diagnosis-lens__focus {
  background: linear-gradient(135deg, #eff9fd 0%, #e6f4fa 100%);
}

.home-v4 .snk-diagnosis-lens__focus > small,
.home-v4 .snk-diagnosis-lens__focus p em {
  color: #087db7;
}

.home-v4 .snk-diagnosis-lens__deliverables li {
  color: #477188;
  background: #deeff7;
}

.home-v4 .snk-diagnosis-lens__path section > i {
  color: #087db7;
  background: #e9f6fc;
}

.home-v4 .snk-diagnosis-lens__path section:nth-child(2) h4 {
  color: #087db7;
}

.home-v4 .snk-diagnosis-lens__path > a {
  background: #0e99d7;
  box-shadow: 0 9px 20px rgba(0, 139, 202, .14);
}

@media (hover: hover) {
  .home-v4 .snk-diagnosis-lens__issues button:not([aria-selected="true"]):hover {
    border-color: #8dcdea;
    background: #f8fcfe;
    box-shadow: 0 10px 24px rgba(30, 84, 107, .08);
  }

  .home-v4 .snk-diagnosis-lens__path > a:hover {
    background: #078ac5;
  }
}