/* ============================================================
   weekly.css — 주간 회고 개별 페이지 공통 스타일
   base.css 뒤에 불러온다.
   매주 한 장씩 늘어나는 페이지라, 회고 전용 스타일도 한곳에 모은다.
   ============================================================ */

/* ---------- 기록 스트립 ---------- */
.days{margin-bottom:.7rem;}
.days .row{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.8rem;}
.days .chip{
  font-family:var(--gothic);
  font-size:.78rem;
  color:var(--ink);
  background:var(--apricot);
  border-radius:99px;
  padding:.26rem .72rem;
  line-height:1.6;
}
.days .count{
  display:flex;
  align-items:center;
  gap:.45rem;
  font-family:var(--gothic);
  font-size:.78rem;
  color:var(--ink-faint);
  padding-top:.7rem;
  border-top:1px solid var(--line-soft);
}
.days .count .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none;}
.days .count b{color:var(--terra);font-weight:400;}

/* ---------- 타임라인 ---------- */
.timeline{position:relative;padding-left:1.35rem;}
.timeline::before{
  content:"";
  position:absolute;
  left:4px;top:.7rem;bottom:.7rem;
  width:3px;
  border-radius:3px;
  background:linear-gradient(180deg,var(--amber),var(--apricot));
}
.tl{
  position:relative;
  background:var(--white);
  border:1px solid var(--line-soft);
  border-radius:14px;
  padding:1.05rem 1.15rem;
  margin-bottom:.7rem;
  box-shadow:0 1px 2px rgba(60,36,21,.03);
}
.tl::before{
  content:"";
  position:absolute;
  left:-1.35rem;top:1.15rem;
  width:11px;height:11px;
  border-radius:50%;
  background:var(--amber);
  border:2px solid var(--cream);
}
.tl .day{
  font-family:var(--gothic);
  font-size:.76rem;
  letter-spacing:.08em;
  color:var(--terra);
  margin-bottom:.35rem;
}
.tl p{
  font-size:.97rem;
  line-height:1.85;
  color:var(--ink-soft);
}
.tl p b{color:var(--ink);font-weight:400;}

/* 저녁 타임라인 — 같은 구조에 결만 다르게.
   호박은 새벽 몫으로 두고, 저녁은 한 톤 내려앉힌다. */
.timeline.eve::before{background:linear-gradient(180deg,var(--apricot),var(--line));}
.timeline.eve .tl::before{background:var(--apricot);border-color:var(--cream);}

/* ---------- 인용 ---------- */
.quote{
  background:var(--white);
  border:1px solid var(--line-soft);
  border-left:4px solid var(--amber);
  border-radius:0 14px 14px 0;
  padding:1.05rem 1.2rem;
  margin-bottom:.7rem;
}
.quote p{
  font-family:var(--serif);
  font-size:1.02rem;
  line-height:1.9;
  color:var(--ink);
}
.quote .src{
  font-family:var(--gothic);
  font-size:.74rem;
  color:var(--ink-faint);
  margin-top:.55rem;
}

/* ---------- 씨앗 (다크 카드) ---------- */
.seed{
  background:var(--ink);
  border-radius:18px;
  padding:1.7rem 1.5rem;
  margin-top:.4rem;
}
.seed .eyebrow{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-family:var(--gothic);
  font-size:.74rem;
  letter-spacing:.18em;
  color:var(--apricot);
  margin-bottom:.9rem;
}
.seed .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none;}
.seed h3{
  color:var(--cream);
  font-size:1.15rem;
  line-height:1.55;
  margin-bottom:.8rem;
}
.seed p{
  font-size:.97rem;
  line-height:1.95;
  color:rgba(255,251,239,.84);
}
.seed p + p{margin-top:.9rem;}
.seed em{font-style:normal;color:var(--apricot);}

/* ---------- 핵심 문장 ---------- */
.pull{
  font-family:var(--logo);
  font-size:1.1rem;
  line-height:1.9;
  color:var(--ink);
  text-align:center;
  padding:1.7rem 1rem;
  margin-top:2.8rem;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.pull .who{
  display:block;
  font-family:var(--gothic);
  font-size:.74rem;
  color:var(--ink-faint);
  margin-top:.6rem;
}

.foot-nav{margin-top:2rem;}