.mbp-chart {
  position: relative; width: 100%; height: 100%; background: #eef1f4;
  box-sizing: border-box; padding: 16px; font: 14px/1.4 sans-serif;
  display: flex; flex-direction: column;
}
.mbp-chart .mbp-title { margin: 0 0 8px; font-size: 20px; font-weight: 500; color: #333; }
.mbp-chart .mbp-stage { position: relative; flex: 1 1 auto; min-height: 0; }
.mbp-chart .mbp-svg { width: 100%; height: 100%; display: block; }

.mbp-chart .mbp-node circle {
  fill: #f2a565;
  stroke: #fff;
  stroke-width: 1px;
}
.mbp-chart .mbp-node:hover circle { fill: #e07b39; }
.mbp-chart .mbp-node.is-sweden circle { fill: #16324f; }
.mbp-chart .mbp-node.is-sweden:hover circle { fill: #0f2338; }

.mbp-chart .mbp-label {
  text-anchor: middle;
  font-size: 11px;
  font-weight: 600;
  fill: #fff;
  pointer-events: none;
}

.mbp-chart .mbp-tooltip {
  position: absolute;
  top: 0; left: 0;
  background: rgba(22,50,79,0.95);
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 6px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s;
  white-space: nowrap;
}