/* Stats card ("2023년부터 이렇게 쌓았습니다") — replaces assets/image-5.png. Loaded after nav.css. */
.stats-card { --stat-blue:#4e6ed1; --stat-line:#eef1f7; background:#fff; border:1px solid var(--stat-line); border-radius:16px; padding:22px 28px 6px; margin:22px 0; overflow:hidden; }
.stats-head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; padding-bottom:16px; border-bottom:1px solid var(--stat-line); }
.stats-eyebrow { font-size:13px; letter-spacing:.32em; font-weight:600; color:var(--stat-blue); white-space:nowrap; }
.stats-asof { font-size:13px; color:#9aa3b2; white-space:nowrap; }
.stats-title-row { display:flex; justify-content:space-between; align-items:baseline; gap:16px 24px; flex-wrap:wrap; padding:22px 0 18px; }
.chapter .history-entry .stats-title { margin:0; font-size:28px; line-height:1.3; font-weight:800; letter-spacing:-.035em; color:var(--ink); }
.chapter .history-entry .stats-note { margin:0; font-size:15px; color:#8b93a5; }
.chapter .stats-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--stat-line); }
.chapter .stats-grid li.stat::marker { content:''; }
.chapter .stats-grid li.stat { margin:0; padding:26px 18px 26px 0; font-size:inherit; border-bottom:1px solid var(--stat-line); min-width:0; }
.chapter .stats-grid li.stat:nth-child(3n+2), .chapter .stats-grid li.stat:nth-child(3n) { padding-left:22px; border-left:1px solid var(--stat-line); }
.chapter .stats-grid li.stat:nth-last-child(-n+3) { border-bottom:0; }
/* Value row: a hidden sizer reserves the final width/height in the same grid cell; the live number sits on top, left-aligned. */
.chapter .history-entry .stat-value { display:grid; margin:0 0 12px; font-size:clamp(20px,1.95vw,27px); line-height:1.15; font-weight:800; letter-spacing:-.045em; color:var(--stat-blue); white-space:nowrap; }
.stat-sizer, .stat-visual { grid-area:1/1; justify-self:start; }
.stat-sizer { visibility:hidden; }
.stat-num { font-variant-numeric:tabular-nums; font-feature-settings:'tnum' 1; }
.stat-unit { margin-left:.02em; }
.stat-plus { margin-left:.03em; }
.stats-card.is-counting .stat-plus { visibility:hidden; }
.stats-sr { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
.chapter .history-entry .stat-label { margin:0; font-size:16px; font-weight:700; color:var(--ink); line-height:1.5; }
.chapter .history-entry .stat-sub { margin:4px 0 0; font-size:13px; color:#9aa3b2; line-height:1.5; }
@media (max-width:800px) {
  .stats-card { padding:18px 18px 4px; }
  .chapter .stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .chapter .stats-grid li.stat { padding:20px 12px 20px 0; }
  .chapter .stats-grid li.stat:nth-child(n) { padding-left:0; border-left:0; }
  .chapter .stats-grid li.stat:nth-child(2n) { padding-left:14px; border-left:1px solid var(--stat-line); }
  .chapter .stats-grid li.stat:nth-last-child(-n+3) { border-bottom:1px solid var(--stat-line); }
  .chapter .stats-grid li.stat:nth-last-child(-n+2) { border-bottom:0; }
  .chapter .history-entry .stats-title { font-size:22px; }
  .chapter .history-entry .stats-note { font-size:13px; }
  .chapter .history-entry .stat-value { font-size:clamp(19px,5.2vw,26px); }
  .stats-eyebrow { letter-spacing:.2em; font-size:12px; }
}
@media (max-width:480px) {
  .chapter .stats-grid { grid-template-columns:1fr; }
  .chapter .stats-grid li.stat:nth-child(n) { padding:18px 0; border-left:0; border-bottom:1px solid var(--stat-line); }
  .chapter .stats-grid li.stat:last-child { border-bottom:0; }
  .chapter .history-entry .stat-value { font-size:clamp(22px,7.4vw,30px); }
}
/* Letter signature: two blank lines of space above "약들약 고약사 드림". */
.chapter-inner>p.signature { margin-top:calc(12px + 2 * 1.85em); }
