/* 플레이스 정비 전용 */

/* ── N개 중 M개 카운터 ─────────────────────────────────────────────── */

.counter {
  display: flex; align-items: center; gap: 28px; flex-wrap: wrap;
  padding: 28px 30px; border-radius: var(--r-lg);
  background: var(--paper); border: 1px solid var(--line); box-shadow: var(--shadow-card);
}
.counter-n { flex-shrink: 0; display: flex; align-items: baseline; gap: 4px; }
.counter-n b {
  font-size: 76px; font-weight: 800; line-height: 1;
  letter-spacing: -.05em; color: var(--miss);
}
.counter-n span { font-size: 26px; font-weight: 600; color: var(--muted); }
.counter-d { flex-grow: 1; min-width: 240px; }
.counter-t { font-size: 17px; font-weight: 600; color: var(--ink); margin-bottom: 12px; }

.dots { display: flex; gap: 7px; margin-bottom: 12px; }
.dots i {
  width: 26px; height: 26px; border-radius: 8px; display: block;
  background: var(--g200);
}
.dots i.off { background: var(--miss); }

.why-empty {
  margin-top: 18px; padding: 20px 22px; border-radius: var(--r);
  background: var(--warn-bg); border: 1px solid #f0dfc2; max-width: 760px;
}
.why-empty h3 { font-size: 15px; color: var(--warn); margin-bottom: 8px; }
.why-empty p { font-size: 15px; line-height: 1.78; color: #6b4a10; }
.why-empty strong { color: #5a3d0c; font-weight: 600; }
.chip {
  display: inline-flex; align-items: center; height: 24px; padding: 0 10px;
  border-radius: var(--r-sm); background: var(--paper); border: 1px solid #e3d3b4;
  font-size: 13px; color: var(--warn); font-weight: 600;
}

/* ── 원문 인용 ─────────────────────────────────────────────────────── */

.quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.aiq {
  margin: 0; padding: 22px 24px; border-radius: var(--r-lg);
  background: var(--g50); border-left: 3px solid var(--naver);
}
.aiq p { font-size: 15.5px; line-height: 1.8; color: var(--ink-2); }
.aiq p b { color: var(--miss); font-weight: 600; }
.aiq cite {
  display: block; margin-top: 12px; font-style: normal;
  font-size: 13px; color: var(--muted);
}
.aiq cite::before { content: "질의 · "; }

/* ── AI 가 만든 표 ─────────────────────────────────────────────────── */

.ai-table {
  max-width: 760px; padding: 24px 26px; border-radius: var(--r-lg);
  background: var(--paper); border: 1px solid var(--line); box-shadow: var(--shadow-card);
}
.ai-table-head { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.ai-table-head .t { font-size: 17px; font-weight: 700; color: var(--ink); }
.kv-check dt { color: var(--ink); font-weight: 700; }
.kv-check dd { color: var(--ink-3); }
.ai-table .note { margin-top: 16px; }

/* ── 통계 3칸 ──────────────────────────────────────────────────────── */

.stat-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.stat {
  padding: 24px 26px; border-radius: var(--r-lg);
  background: var(--paper); border: 1px solid var(--line);
}
.stat b {
  display: block; font-size: 46px; font-weight: 800; line-height: 1.1;
  letter-spacing: -.045em; color: var(--navy);
}
.stat b span { font-size: 20px; font-weight: 600; color: var(--muted); margin-left: 3px; }
.stat .t { font-size: 15px; font-weight: 600; color: var(--ink); margin: 8px 0 8px; }
.stat p { font-size: 14px; line-height: 1.72; color: var(--ink-3); }
.stat p strong { color: var(--ink); font-weight: 600; }

/* 네 칸짜리 — 근거 페이지 첫 화면 */
.stat-row.c4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stat-row.c4 .stat b { font-size: 40px; }

@media (max-width: 1080px) {
  .stat-row.c4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .quotes, .stat-row { grid-template-columns: 1fr; }
  .stat-row.c4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .stat-row.c4 .stat { padding: 18px; }
  .stat-row.c4 .stat b { font-size: 32px; }
  .counter { gap: 20px; padding: 22px; }
  .counter-n b { font-size: 60px; }
  .dots i { width: 22px; height: 22px; }
}