:root {
  --core: #d71920;
  --process: #6d2239;
  --quality: #b7d9fe;
  --launch: #111111;
}

.graph-shell {
  inset: 0;
  background-image: radial-gradient(#d9d9d9 0.7px, transparent 0.7px);
}

.link { stroke-opacity: 0.58; }
.link.cross {
  stroke: #6d2239;
  stroke-opacity: 0.22;
  stroke-dasharray: 4 6;
}
.link.active { stroke: #d71920; stroke-width: 1.7; }

.node circle {
  transition: transform 0.42s cubic-bezier(.2,.8,.2,1), stroke-width 0.3s;
}
.node.major text {
  font: 700 11px Arial, sans-serif;
  letter-spacing: 0.01em;
}
.node.minor text {
  font: 8px Arial, sans-serif;
  fill: #555;
  stroke-width: 3px;
}
.node.active circle {
  transform: scale(1.55);
  transform-box: fill-box;
  transform-origin: center;
}

@media (max-width: 800px) {
  .node.minor text { font-size: 7px; }
}