@charset "UTF-8";
/* 週次レポート(人がレビューしたもの) — 会員側の見た目
   2026-09-25 / claude-weekly-operation53

   web52 の kuchiripi.css の後ろに読ませる。公開中のファイルは書き換えない。
   土台の決めごとをそのまま守る:
     - 囲いの線を引かない。段は「持ち上がり」で出す
     - 角丸は4種類だけ(chip 12 / control 16 / card 22 / hero 28)
     - 書体は1系統。色は LP の4色から増やさない
     - 暗いところは kuchiripi.css の変数がそのまま切り替わる(ここで色を持たない)

   新しい色・新しい影・新しい角丸は 1 つも足していない。
   すべて --k-* を参照する。k52 が当たっていない場合の控えだけ、既存の見た目に寄せる。
*/

.whr-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* 記録タブに自分で置く入口の行入れ。既存の .rowlist と同じ面・同じ角丸で、
   間の空きだけを決める(新しい色も影も足していない)。 */
.whr-entry {
  margin: 0 0 24px;
}

/* .card は kuchiripi.css が既に面1・角丸 card・持ち上がりにしている。
   ここでは中身の並びだけを決める。 */
.whr-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.whr-head {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.whr-period {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--k-ink, #24201F);
}

/* 札は枠線ではなく面2のベタ塗り(native 側の「サンプル」札と同じ考え) */
.whr-badge {
  padding: 3px 8px;
  border: 0;
  border-radius: var(--k-chip, 12px);
  background: var(--k-plane2, #F0DCC2);
  color: var(--k-muted, #6B5F59);
  font-size: .72rem;
  font-weight: 700;
  line-height: 1.4;
}

.whr-by {
  margin: 0 0 4px;
  color: var(--k-muted, #6B5F59);
  font-size: .82rem;
}

.whr-label {
  margin: 14px 0 2px;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--k-faint, #8A7C74);
}

.whr-observed {
  margin: 0;
  font-weight: 600;
  line-height: 1.75;
  color: var(--k-ink, #24201F);
}

.whr-note {
  margin: 0;
  line-height: 1.75;
  color: var(--k-ink, #24201F);
}

.whr-focus-status {
  display: block;
  margin-top: 2px;
  color: var(--k-muted, #6B5F59);
  font-size: .84rem;
}

/* 数字は入れた人が書いた文字列のまま出す。ここで単位も桁区切りも足さない。 */
.whr-stats {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.whr-stats li {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px;
  border: 0;
  border-radius: var(--k-chip, 12px);
  background: var(--k-plane2, #F0DCC2);
}

.whr-stat-label {
  font-size: .72rem;
  color: var(--k-muted, #6B5F59);
}

.whr-stat-value {
  font-size: 1rem;
  font-weight: 700;
  color: var(--k-ink, #24201F);
}

.whr-next {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.whr-next-item {
  padding: 12px 14px;
  border: 0;
  border-radius: var(--k-control, 16px);
  background: var(--k-plane2, #F0DCC2);
}

.whr-next-task {
  margin: 0 0 6px;
  font-weight: 700;
  line-height: 1.7;
  color: var(--k-ink, #24201F);
}

.whr-next-meta {
  margin: 0;
  font-size: .86rem;
  line-height: 1.7;
  color: var(--k-ink, #24201F);
}

.whr-next-meta span {
  display: inline-block;
  min-width: 5.5em;
  color: var(--k-muted, #6B5F59);
  font-size: .78rem;
}

.whr-sources {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.whr-sources li {
  padding: 4px 10px;
  border: 0;
  border-radius: var(--k-chip, 12px);
  background: var(--k-plane1, #F8E6D2);
  color: var(--k-muted, #6B5F59);
  font-size: .8rem;
}

.whr-source-count {
  margin-left: 6px;
  font-weight: 700;
  color: var(--k-ink, #24201F);
}

/* 担当コーチのコメント。いちばん下に置いて、面3で少しだけ持ち上げる。 */
.whr-comment {
  margin: 16px 0 0;
  padding: 14px 16px;
  border: 0;
  border-radius: var(--k-control, 16px);
  background: var(--k-plane3, #E6CDAC);
  color: var(--k-ink, #24201F);
  line-height: 1.8;
}

/* 入口の行の副題。既存の .row-title に合わせる。 */
.whr-list + .whr-list { margin-top: 0; }

@media (min-width: 1024px) {
  html.k52 body[data-route="weekly"] .ra-body { max-width: 900px; }
}