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

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

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

/* 判定に応じた結果値の色分け（ふつう / 注意 / 大きく外れる） */
.sg-result__value.is-ok {
  color: var(--sg-primary, #3b5bdb);
}
.sg-result__value.is-warn {
  color: #c2760a;
}
.sg-result__value.is-high {
  color: #c92a2a;
}

/* セレクトの見た目を入力欄に揃える */
select.sg-input {
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),
    linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 18px) calc(50% + 2px), calc(100% - 13px) calc(50% + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 36px;
}