/* 공천 2차: 경선 개표 · 공천 명단(js/nomination-show.js) */
.noms-tally { display: grid; gap: 10px; margin: 4px 0 14px; padding: 12px; border-radius: 12px; background: var(--soft); }
.noms-names { display: flex; justify-content: space-between; gap: 8px; font-weight: 800; font-size: 14px; }
.noms-names .me { color: var(--ink); } .noms-names .rv { color: var(--muted); }
.noms-row { display: grid; grid-template-columns: 1fr auto auto; grid-template-areas: 'l l l' 'bar me rv'; align-items: center; gap: 3px 10px; }
.noms-row small { grid-area: l; font-size: 12px; color: var(--muted); font-weight: 700; }
.noms-bar { grid-area: bar; display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: var(--card); min-width: 0; }
.noms-bar i { display: block; height: 100%; width: var(--w); animation: nomsGrow 1.1s var(--out, ease-out) both; }
.noms-bar i.me { background: var(--ink); } .noms-bar i.rv { background: color-mix(in srgb, var(--muted) 45%, transparent); animation-delay: .1s; }
.noms-row b { font: 800 14px var(--head); white-space: nowrap; } .noms-row b em { font-style: normal; }
.noms-row b.rv { color: var(--muted); font-weight: 700; }
.noms-sum { display: flex; justify-content: space-between; align-items: baseline; padding-top: 8px; border-top: 1px dashed var(--line); }
.noms-sum small { font-weight: 800; color: var(--muted); } .noms-sum b { font: var(--hw) 22px var(--head); } .noms-sum b em { font-style: normal; }
.noms-sum.win b em { color: var(--good); } .noms-sum.lose b em { color: var(--bad); }
@keyframes nomsGrow { from { width: 0; } }
.noms-list { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px; }
.noms-list li { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 10px; background: var(--soft); min-width: 0; }
.noms-list li b { font-size: 13.5px; } .noms-list li em { font-style: normal; font-size: 12px; font-weight: 800; color: var(--good); white-space: nowrap; }
.noms-list li.out em { color: var(--bad); }
.noms-list li.me { outline: 2px solid var(--ink); background: var(--card); }
@media (prefers-reduced-motion: reduce) { .noms-bar i { animation: none; } }
/* 공천 용어 풀이(js/nomination-show.js nomsWords): 명단에 나온 말만 */
.noms-words { margin: -6px 0 14px; padding: 8px 10px; border-radius: 10px; background: var(--soft); display: grid; gap: 4px; font-size: 12px; }
.noms-words div { display: flex; gap: 8px; } .noms-words dt { flex: none; min-width: 52px; font-weight: 800; } .noms-words dd { margin: 0; color: var(--muted); }