/* Conservative refinement of the existing competence grid. */
.competence-map {
  border: 0 !important;
  --competence-accent: #355fb3;
}
.competence-map:has(.competence-node:nth-of-type(2).is-current) { --competence-accent: #bc4657; }
.competence-map:has(.competence-node:nth-of-type(3).is-current) { --competence-accent: #d27432; }
.competence-map:has(.competence-node:nth-of-type(4).is-current) { --competence-accent: #397263; }

.competence-node,
.competence-node:nth-of-type(n) {
  border: 0 !important;
  border-radius: 28px !important;
  box-shadow: 0 12px 26px rgba(35,46,61,.055) !important;
}
.competence-node:hover,
.competence-node.is-current {
  border: 0 !important;
  box-shadow: 0 18px 36px rgba(28,40,61,.16) !important;
}
.competence-node .feature-icon { border-radius: 13px !important; }

.competence-core,
.competence-map:has(.competence-node:nth-of-type(2).is-current) .competence-core,
.competence-map:has(.competence-node:nth-of-type(3).is-current) .competence-core,
.competence-map:has(.competence-node:nth-of-type(4).is-current) .competence-core {
  position: relative;
  overflow: hidden;
  border: 0 !important;
  border-radius: 28px !important;
  background: #17191d !important;
  box-shadow: 0 18px 38px rgba(21,23,27,.16) !important;
  color: #fff !important;
}
.competence-core::before {
  content: '';
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 0;
  width: 4px;
  border-radius: 99px;
  background: var(--competence-accent);
}
.competence-core b { color: var(--competence-accent) !important; }
.competence-core p { color: rgba(255,255,255,.78) !important; }

.values span {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.values span + span::before { content: '•'; margin-right: 7px; color: var(--orange); }

@media (max-width: 900px) {
  .competence-node { border-radius: 22px !important; }
  .competence-core { border-radius: 23px !important; }
}
