/* Cobalt field for #benchmark-feature only. Sector timing stays in the existing script. */

#benchmark-feature.qesora-concept-feature--benchmark {
  background: #1e3fe0;
  color: #f4f6ff;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

#benchmark-feature.qesora-concept-feature--benchmark::before,
#benchmark-feature.qesora-concept-feature--benchmark::after {
  opacity: 0.12;
  mix-blend-mode: soft-light;
}

html body #dc-root main #benchmark-feature h2,
#benchmark-feature.qesora-concept-feature--benchmark h2,
#benchmark-feature.qesora-concept-feature--benchmark h2 span,
#benchmark-feature.qesora-concept-feature--benchmark h2 em {
  color: #fff !important;
}

#benchmark-feature .qesora-concept-feature__copy p {
  color: #f3f6ff;
}

#benchmark-feature .qesora-concept-feature__copy p.qesora-benchmark-proof {
  color: #e6ecff;
}

#benchmark-feature .qesora-sector-stage::after {
  background: linear-gradient(90deg, #1e3fe0 0%, rgba(30, 63, 224, 0) 9%, rgba(30, 63, 224, 0) 91%, #1e3fe0 100%);
}

#benchmark-feature .qesora-sector-tile {
  border-color: rgba(226, 234, 255, 0.82);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  box-shadow: none;
}

#benchmark-feature .qesora-sector-tile svg {
  color: inherit;
}

#benchmark-feature .qesora-sector-tile.is-hovered {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
  box-shadow: 0 5px 12px rgba(7, 18, 72, 0.28);
}

#benchmark-feature .qesora-sector-tile.is-selected {
  border-color: #fff;
  background: #fff;
  color: #1e3fe0;
  box-shadow: 0 6px 16px rgba(6, 16, 64, 0.32);
}

#benchmark-feature .qesora-sector-cursor > span {
  border-color: #fff;
  filter: drop-shadow(0 1px 1.5px rgba(6, 16, 64, 0.7));
}

#benchmark-feature .qesora-sector-cursor.is-clicking > span {
  border-color: #10256e;
  filter: drop-shadow(0 0 1.5px rgba(255, 255, 255, 0.95));
}