/* =====================================================================
   style.css — 大きな数の単位変換 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

/* 入力例チップ */
.lnc-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: var(--sg-space-3, 12px);
}
.lnc-preset {
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
  padding: 5px 12px;
  border: 1px solid var(--sg-border, #e5e7eb);
  border-radius: 999px;
  background: var(--sg-surface, #fff);
  color: var(--sg-fg, #222);
  line-height: 1.4;
}
.lnc-preset:hover {
  border-color: var(--sg-accent, #3b5bdb);
  color: var(--sg-accent, #3b5bdb);
}

/* 結果行 */
.lnc-row {
  padding: 12px 0;
  border-bottom: 1px solid var(--sg-border, #e5e7eb);
}
.lnc-row:last-of-type {
  border-bottom: none;
}
.lnc-row__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.lnc-row__label {
  font-size: 0.82rem;
  color: var(--sg-muted, #777);
  font-weight: 600;
}
.lnc-row__value {
  margin: 4px 0 0;
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.5;
  word-break: break-word;
}
.lnc-row__sub {
  margin-top: 4px;
}

/* エラー表示 */
.lnc-error {
  color: var(--sg-danger, #c0392b);
}

/* 早見表の上付き桁を等幅っぽく */
.sg-chart-row__key {
  font-variant-numeric: tabular-nums;
}