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

.jh-list-card {
  margin-top: var(--sg-space-4);
}

.jh-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sg-space-3);
  margin-bottom: var(--sg-space-3);
}
.jh-list-head .sg-h2 {
  margin: 0;
}

.jh-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.jh-item {
  display: flex;
  align-items: baseline;
  gap: var(--sg-space-2);
  padding: var(--sg-space-2) 0;
  border-bottom: 1px solid var(--sg-border);
}
.jh-item:last-child {
  border-bottom: 0;
}

.jh-item__date {
  flex: 0 0 5.5em;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.jh-item__dow {
  flex: 0 0 2.5em;
  color: var(--sg-muted);
  font-size: 0.9rem;
}
.jh-item__name {
  flex: 1 1 auto;
}

/* 日曜・土曜は色で区別 */
.jh-item--sun .jh-item__date,
.jh-item--sun .jh-item__dow {
  color: #e03131;
}
.jh-item--sat .jh-item__date,
.jh-item--sat .jh-item__dow {
  color: #1c7ed6;
}