/* =====================================================================
   style.css — ローレル指数 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

/* 結果値はタブ幅数字で桁を揃える */
.sg-result__value {
  font-variant-numeric: tabular-nums;
}

/* 身長・体重入力の補助ラベルを入力直下に詰める */
.sg-field .sg-help {
  margin-top: var(--sg-space-1);
}

/* 区分早見表 */
.rohrer-table {
  margin-top: var(--sg-space-3, 12px);
  border: 1px solid var(--sg-border, #d9dee8);
  border-radius: 10px;
  overflow: hidden;
}
.rohrer-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 12px;
  font-variant-numeric: tabular-nums;
}
.rohrer-row + .rohrer-row {
  border-top: 1px solid var(--sg-border, #d9dee8);
}
.rohrer-row span:first-child {
  opacity: 0.85;
}
.rohrer-row span:last-child {
  font-weight: 600;
}

/* 医療免責の注意ボックス */
.sg-note--warn {
  border: 1px solid var(--sg-border, #d9dee8);
  border-left: 4px solid #e8590c;
  border-radius: 8px;
  padding: 12px 14px;
  line-height: 1.7;
}