/* =====================================================================
   style.css — 六曜カレンダー ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   ===================================================================== */

/* 結果の六曜は大きく見せる */
.sg-result__value {
  letter-spacing: 0.05em;
}

/* 意味の行は折り返してよい（値が長い） */
#row-meaning.sg-result-row__value {
  text-align: right;
  font-weight: 600;
  max-width: 70%;
}

/* 前後7日の一覧 */
.rk-list {
  display: grid;
  gap: var(--sg-space-2);
  margin-top: var(--sg-space-3);
}
.rk-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sg-space-3);
  padding: 10px var(--sg-space-3);
  background: var(--sg-surface);
  border: 1px solid var(--sg-border);
  border-radius: var(--sg-radius);
  font-size: 0.95rem;
}
.rk-row.is-current {
  border-color: var(--sg-primary);
  background: var(--sg-primary-soft);
}
.rk-row__date {
  color: var(--sg-muted);
  font-variant-numeric: tabular-nums;
}
.rk-row.is-current .rk-row__date {
  color: var(--sg-fg);
  font-weight: 700;
}
.rk-row__rokuyo {
  font-weight: 700;
}

/* 六曜ごとの色味（吉凶のニュアンス）。0:大安 1:赤口 2:先勝 3:友引 4:先負 5:仏滅 */
.rk-rokuyo--0 { color: #2f9e44; } /* 大安：吉 */
.rk-rokuyo--5 { color: #e03131; } /* 仏滅：凶 */
.rk-rokuyo--1 { color: #f08c00; } /* 赤口 */
.rk-rokuyo--2,
.rk-rokuyo--3,
.rk-rokuyo--4 { color: var(--sg-fg); }