/* Only affect the scenario diagram */
#scenario_img .cluster-label foreignObject {
  width: 420px !important;
  height: auto !important;
  overflow: visible !important;
}

#scenario_img .cluster-label foreignObject > div {
  width: 420px !important;
  max-width: 420px !important;
  white-space: normal !important;   /* allow wrapping */
  line-height: 1.25 !important;
}

#scenario_img .cluster rect {
  stroke: #004D71 !important;
  stroke-width: 1px !important;
}

#scenario_img .cluster-label foreignObject {
  width: clamp(240px, 55vw, 520px) !important;
}

#scenario_img .cluster-label foreignObject > div {
  width: clamp(240px, 55vw, 520px) !important;
  max-width: clamp(240px, 55vw, 520px) !important;
}

.nodeLabel p {
  font-family: Arial, Helvetica, sans-serif;
  color: #004D71;
  font-size: medium;
}

.edgeLabel p, .edgeLabel div {
  font-family: Arial, Helvetica, sans-serif;
  color: #004D71;
}