/* 임기 중 '내 공약' 칸과 활동 칸의 '공약' 칩(js/pledge-panel.js) */
.plp { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.plp li { min-width: 0; }
.plp-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; margin-bottom: 4px; }
.plp-top b { flex: 1 1 auto; font-size: 13.5px; word-break: keep-all; min-width: 0; }
.plp-top em { flex: 0 1 auto; max-width: 58%; min-width: 0; font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--muted); text-align: right; word-break: keep-all; }   /* 좁은 폰·영문에선 두 줄로(공약 이름을 밀지 않게) */
.plp li.kept em { color: var(--good); }
.plp li.late em { color: var(--bad); }
.plp-bar { position: relative; height: 7px; border-radius: 999px; background: var(--soft); overflow: hidden; }
.plp-bar i { display: block; height: 100%; border-radius: inherit; background: var(--ink); transition: width .3s ease-out; }
.plp-bar::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--muted); opacity: .6; }   /* 절반 눈금 */
.plp li.kept .plp-bar i { background: var(--good); }
.plp li.late .plp-bar i { background: var(--bad); }
.at.pl { color: var(--gold); border-style: solid; }
@media (prefers-reduced-motion: reduce) { .plp-bar i { transition: none; } }
/* 모바일: 활동 칸 바로 아래(민심보다 위)에 */
@media (max-width: 759px) { .col-right > .plp-panel { order: 3; } }   /* 레이아웃의 order: 5 규칙보다 구체적으로 */