/* =====================================================================
   style.css — ペットの食事量の目安 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

/* select を数値入力と同じ見た目に寄せる（sg-input を流用） */
select.sg-input {
  appearance: auto;
  background-color: var(--sg-surface, #fff);
}

/* 主結果の給餌量は折り返して読みやすく */
.sg-result__value {
  word-break: break-word;
}

/* 状態別 活動係数の早見表 */
.pf-ref__scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.pf-ref__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95rem;
}
.pf-ref__table th,
.pf-ref__table td {
  border-bottom: 1px solid var(--sg-border, #e5e7eb);
  padding: 8px 10px;
  text-align: center;
  white-space: nowrap;
}
.pf-ref__table thead th {
  color: var(--sg-muted, #555);
  font-weight: 600;
}
.pf-ref__table tbody th[scope="row"] {
  text-align: left;
  font-weight: 500;
  white-space: normal;
}
.pf-ref__note {
  margin-top: var(--sg-space-2, 8px);
}