.mp-boxplot-height {
  padding-top: 3em; /* ← 最初の目盛りラベルの高さ分の余裕 */
}

.unit-label {
  font-size: 13px !important;
  fill: #666 !important;
}


/* === 見出しラベル（左寄せ・折り返し対応） === */
.boxplot-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: right;
  margin-left: 0;
  line-height: 0.5;
  font-size: 15px;
  margin-right: 0em;
  font-weight: bold;
}

.boxplot-label .label-inner {
  display: inline-block;
  white-space: normal;    /* 折り返し許可 */
  word-break: keep-all;   /* 日本語の途中改行を防止 */
  line-height: 1.2;
  width: 5em;             /* ★ ラベル幅（必要に応じて調整） */
  margin-top: 0;
}

.boxplot-label .label-count {
  text-align: center;
  font-size: 13px;
  margin-top: 0;
}

/* 各バー行の間隔を確保 */
.boxplot-row {
  align-items: center; /* ★ 見出しとグラフを縦中央揃え */
  margin-bottom: 3.5em;
  overflow: visible;
}

.mp-boxplot-height { 
    width:100%; 
    overflow: visible;
}

.boxplot-chart svg {
  max-width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

/* 背景や線幅は既存のまま */
.boxplot-height-chart {
  background:#faf9f7;
  border:1px solid #eee;
  border-radius:8px;
  padding:4px;
}