/* =====================================================================
   style.css — 長寿祝い早見 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   ===================================================================== */

/* 数字はタブ幅で桁を揃える */
.sg-result__value,
.lc-row__year-main {
  font-variant-numeric: tabular-nums;
}

.lc-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* 1つの長寿祝いの行 */
.lc-row {
  padding: 12px 14px;
  border: 1px solid var(--sg-border, #e5e7eb);
  border-radius: var(--sg-radius, 8px);
}

.lc-row__head {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 2px 8px;
}
.lc-row__name {
  font-size: 1.05rem;
  font-weight: 700;
}
.lc-row__read {
  font-size: 0.8rem;
  color: var(--sg-muted, #777);
}
.lc-row__age {
  margin-left: auto;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--sg-muted, #777);
}

.lc-row__year {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.lc-row__year-main {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--sg-primary, #3b5bdb);
}

.lc-badge {
  font-size: 0.75rem;
  font-weight: 700;
  color: #fff;
  background: var(--sg-primary, #3b5bdb);
  border-radius: 999px;
  padding: 1px 8px;
}
.lc-row__past-tag {
  font-size: 0.75rem;
  color: var(--sg-muted, #999);
  border: 1px solid var(--sg-border, #e5e7eb);
  border-radius: 999px;
  padding: 0 8px;
}

.lc-row__sub {
  margin-top: 4px;
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--sg-muted, #777);
}

/* 今年に当たる祝いを強調 */
.lc-row.is-now {
  border-color: var(--sg-primary, #3b5bdb);
  background: var(--sg-primary-soft, rgba(59, 91, 219, 0.08));
}

/* 過去の祝いは薄く */
.lc-row.is-past {
  opacity: 0.62;
}
.lc-row.is-past .lc-row__year-main {
  color: var(--sg-muted, #777);
}