/* 대표 법안 미니게임 '표 모으기'(js/bill-whip.js) */
.wh-draft { display: grid; gap: 10px; }
.wh-row h4 { margin: 0 0 6px; font-size: 13px; color: var(--muted); }
.wh-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.wh-chip { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 1px; min-height: 42px; padding: 7px 11px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--card); color: var(--ink); font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.wh-chip small { font-size: 11px; font-weight: 500; color: var(--muted); }
.wh-chip.on { border-color: var(--ink); background: var(--soft); }
.wh-stat { margin: 0; font-size: 13px; color: var(--muted); word-break: keep-all; } .wh-stat b { color: var(--ink); }
.wh-bar { position: relative; display: flex; height: 14px; border-radius: 999px; background: var(--soft); overflow: hidden; }
.wh-bar i { display: block; height: 100%; transition: width .35s; } .wh-bar i.y { background: var(--good); } .wh-bar i.n { background: var(--bad); margin-left: auto; }
.wh-bar .line { position: absolute; top: -2px; bottom: -2px; width: 2px; background: var(--ink); }
.wh-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.wh-card { display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 6px; row-gap: 2px; padding: 8px 9px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--card); color: var(--ink); font: inherit; text-align: left; cursor: pointer; min-width: 0; }
.wh-card b { font-size: 14px; } .wh-card small, .wh-card q, .wh-card em { grid-column: 1 / -1; font-size: 11.5px; color: var(--muted); word-break: keep-all; }
.wh-card q { quotes: none; font-style: italic; } .wh-card em { font-style: normal; font-weight: 800; }
.wh-dot { width: 9px; height: 9px; border-radius: 50%; }
.wh-card.on { border-color: var(--ink); box-shadow: 0 0 0 2px var(--soft); }
.wh-card.yes { border-color: var(--good); } .wh-card.yes em { color: var(--good); }
.wh-card.no { border-color: var(--bad); opacity: .7; } .wh-card.no em { color: var(--bad); }
.wh-card:disabled { cursor: default; }
.wh-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.wh-acts .btn { display: flex; flex-direction: column; align-items: center; gap: 1px; padding: 8px 6px; font-size: 13.5px; }
.wh-acts .btn small { font-size: 11px; font-weight: 500; opacity: .75; }
.wh-log { margin: 0; min-height: 2.6em; font-size: 13.5px; line-height: 1.45; word-break: keep-all; }
@media (max-width: 330px) { .wh-cards, .wh-acts { grid-template-columns: 1fr; } }