/* 청문회 미니게임(js/hearing.js) */
.hr-meter { position: relative; margin: 0; padding-bottom: 10px; font-size: 13px; color: var(--muted); } .hr-meter b { color: var(--ink); }
.hr-meter i { position: absolute; left: 0; right: 0; bottom: 0; height: 6px; border-radius: 999px; background: linear-gradient(90deg, var(--good) var(--v), var(--soft) var(--v)); transition: background .3s; }
.hr-step { margin: 0; font-size: 12px; font-weight: 800; color: var(--muted); letter-spacing: .04em; }
.hr-q { margin: 0; padding: 10px 12px; border-left: 3px solid var(--ink); background: var(--soft); border-radius: 0 10px 10px 0; font-size: 14.5px; line-height: 1.5; word-break: keep-all; }
.hr-ans { display: grid; gap: 6px; }
.hr-ans .btn { display: flex; align-items: center; gap: 6px; justify-content: flex-start; text-align: left; font-size: 14px; } .hr-ans .btn small { margin-left: auto; font-size: 11px; opacity: .7; }
.hr-res { margin: 0; font-size: 14px; line-height: 1.5; word-break: keep-all; } .hr-res.ok { color: var(--good); } .hr-res.bad { color: var(--bad); }