/* =====================================================================
   style.css — ご祝儀・香典・お年玉の相場 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   ===================================================================== */

.sg-result__value,
.sg-result-row__value {
  font-variant-numeric: tabular-nums;
}

.sg-field + .sg-field {
  margin-top: var(--sg-space-3);
}

/* 関係・年齢のセレクトは横いっぱい */
#scene-select,
#relation-select,
#age-select {
  width: 100%;
}

/* 相場の早見表 */
.sg-quickref__summary {
  cursor: pointer;
  font-weight: 600;
}

.sg-quickref__title {
  margin: var(--sg-space-4) 0 var(--sg-space-2);
  font-size: 1rem;
}

.sg-quickref__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
  font-variant-numeric: tabular-nums;
}

.sg-quickref__table th,
.sg-quickref__table td {
  border: 1px solid var(--sg-border, #e2e2e2);
  padding: 6px 10px;
  text-align: left;
  vertical-align: top;
}

.sg-quickref__table thead th {
  background: var(--sg-surface-2, #f4f5f7);
}