/* C9 · 자신 있게 틀려요 */

.c9-picks {
  display: grid; gap: var(--s2);
  grid-template-columns: repeat(auto-fit, minmax(9.5em, 1fr));
  max-width: 460px; margin: 0 auto;
}
.c9-pick { font-size: .88rem; text-align: left; }
.c9-pick.is-on { background: var(--yellow); }

/* AI 의 답 — 말풍선처럼. **말투가 늘 같은 것**이 이 챕터의 알맹이라
   `확실해요!` 를 눈에 띄게 둡니다 */
.c9-answer {
  max-width: 460px; margin: var(--s5) auto 0;
  padding: var(--s4) var(--s5);
  background: var(--paper);
  border: var(--stroke) solid var(--ink); border-radius: var(--radius);
  box-shadow: var(--drop-2);
}
.c9-label {
  margin: 0 0 var(--s1); font-size: .78rem; font-weight: 800;
  color: var(--ink-3); letter-spacing: .04em;
}
.c9-said { margin: 0; font-size: 1.15rem; font-weight: 800; line-height: 1.6; }
.c9-sure {
  margin: var(--s2) 0 0; display: inline-block;
  padding: 2px var(--s3); border-radius: var(--radius-pill);
  background: var(--leaf); border: 2px solid var(--ink);
  font-size: .85rem; font-weight: 800;
}

.c9-truth {
  max-width: 460px; margin: var(--s4) auto 0;
  padding: var(--s4) var(--s5);
  background: var(--cream);
  border: var(--stroke) dashed var(--ink); border-radius: var(--radius);
}
.c9-verdict {
  margin: 0 0 var(--s3); font-size: 1.05rem; font-weight: 800;
  padding: var(--s2) var(--s4); border-radius: var(--radius-pill);
  border: 2px solid var(--ink); display: inline-block;
}
.c9-verdict.is-ok { background: var(--leaf); }
.c9-verdict.is-no { background: var(--red); color: #fff; border-color: var(--ink); }
.c9-real { margin: 0 0 var(--s4); font-weight: 700; }
.c9-why { margin: 0; color: var(--ink-2); }

/* 5번과 같은 막대 — 그럴듯한 정도가 곧 확률입니다 */
.c9-bars { display: grid; gap: 6px; margin: 0 0 var(--s4); }
.c9-bar { display: grid; grid-template-columns: 9em 1fr 2.4em; gap: var(--s2); align-items: center; }
.c9-bar b { font-size: .85rem; font-weight: 700; }
.c9-bar span {
  display: block; height: 14px; background: var(--cream-2);
  border: 2px solid var(--ink); border-radius: var(--radius-pill); overflow: hidden;
}
.c9-bar i { display: block; height: 100%; background: var(--cream-3); }
.c9-bar.is-picked b { font-weight: 800; }
.c9-bar.is-picked i { background: var(--leaf); }
.c9-bar em { font-style: normal; font-size: .78rem; font-weight: 800; color: var(--ink-3); text-align: right; }