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

/* 強度帯テーブル（疑似テーブル / 3カラムグリッド） */
.thr-zones {
  margin-top: var(--sg-space-3);
  border: 1px solid var(--sg-border, #d8deea);
  border-radius: var(--sg-radius, 10px);
  overflow: hidden;
}

.thr-zone {
  display: grid;
  grid-template-columns: 1.6fr 0.9fr 1.2fr;
  gap: var(--sg-space-2);
  align-items: center;
  padding: var(--sg-space-2) var(--sg-space-3);
  border-top: 1px solid var(--sg-border, #d8deea);
  font-size: 0.95rem;
}

.thr-zone--head {
  border-top: 0;
  font-weight: 600;
  background: var(--sg-surface-2, #f4f6fb);
  font-size: 0.85rem;
}

.thr-zone__pct,
.thr-zone__bpm {
  font-variant-numeric: tabular-nums;
}

.thr-zone__bpm {
  text-align: right;
  font-weight: 600;
}

@media (max-width: 480px) {
  .thr-zone {
    grid-template-columns: 1.4fr 0.8fr 1.1fr;
    gap: var(--sg-space-1);
    font-size: 0.85rem;
  }
}