/* =====================================================================
   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);
}

/* モード切替セグメントを中央寄せ */
.dca-segment {
  display: flex;
  justify-content: center;
}

/* 価格入力欄（1行1つ）は等幅で見やすく */
.dca-prices {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  line-height: 1.7;
  resize: vertical;
  min-height: 7.5em;
}

/* 内訳テーブル */
.dca-table-wrap {
  margin-top: var(--sg-space-3);
  overflow-x: auto;
}

.dca-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  font-variant-numeric: tabular-nums;
}

.dca-table th,
.dca-table td {
  padding: var(--sg-space-2) var(--sg-space-2);
  text-align: right;
  white-space: nowrap;
  border-bottom: 1px solid var(--sg-border, #e2e6ef);
}

.dca-table thead th {
  text-align: right;
  font-weight: 600;
  color: var(--sg-muted, #6b7280);
}

.dca-table tbody th[scope="row"],
.dca-table tfoot th[scope="row"] {
  text-align: left;
  font-weight: 600;
}

.dca-table tfoot th,
.dca-table tfoot td {
  border-top: 2px solid var(--sg-border, #e2e6ef);
  border-bottom: 0;
  font-weight: 600;
}