/* =====================================================================
   style.css — パーセント計算機 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

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

/* モードタブは横幅いっぱいに広げ、狭い画面でも折り返す */
.pc-segment {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.pc-segment .sg-segment__btn {
  flex: 1 1 auto;
  white-space: nowrap;
}

/* 計算式ヒント */
.pc-expr {
  margin-top: var(--sg-space-2);
  font-variant-numeric: tabular-nums;
}