/**
 * rinka-weekly-recap.css — 今週のふりかえり（フロントページ・週末ダイジェスト）専用スタイル
 *
 * ・#rinka-weekly-recap は平日 hidden。土日に rinka-weekly-recap.js が中身を作って表示する。
 * ・rds-* クラスは上書きせず var(--rds-*, fallback) 参照のみ（鉄則）。
 * ・撤収時はこのファイルを削除し、inc/weekly-recap.php の wp_enqueue_style も外す。
 */
#rinka-weekly-recap { margin: 18px 0; }

.rinka-recap__card {
  background: var(--rds-surface, #fff);
  border: 2px solid var(--rds-accent, #f5a9c4);
  border-radius: 16px;
  padding: 16px 18px;
  box-shadow: 0 4px 16px rgba(194, 86, 140, .10);
}

.rinka-recap__head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 900;
  font-size: 1.02rem;
  color: var(--rinka-ink, #574650);
  margin-bottom: 4px;
}

.rinka-recap__intro {
  font-size: .82rem;
  line-height: 1.6;
  color: var(--rinka-ink-soft, #8a7580);
  margin: 0 0 10px;
}

.rinka-recap__list {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 6px 14px;
}

.rinka-recap__item {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 10px;
  background: var(--rds-surface-soft, #fdf3f7);
  border-radius: 10px;
  font-size: .86rem;
  color: var(--rinka-ink, #574650);
}

.rinka-recap__value {
  font-weight: 900;
  color: var(--rinka-accent-strong, #c2568c);
  white-space: nowrap;
}

.rinka-recap__msg {
  margin: 0;
  font-size: .86rem;
  line-height: 1.7;
  color: var(--rinka-ink, #574650);
}