/* 다음 목표 칸(js/career-goals.js): 내 공약 칸(css/pledge-panel.css)과 같은 결 */
.cg { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.cg li { min-width: 0; padding-left: 10px; border-left: 3px solid var(--line); }
.cg li.ready { border-left-color: var(--good); }
.cg-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.cg-top b { font-size: 13.5px; } .cg-top em { font-style: normal; font-size: 11.5px; font-weight: 700; color: var(--muted); white-space: nowrap; }
.cg li.ready .cg-top em { color: var(--good); }
.cg-need { display: flex; flex-wrap: wrap; gap: 4px; margin: 4px 0 2px; }
.cg-need span { font-size: 11px; font-weight: 700; padding: 1px 7px; border-radius: 999px; background: var(--soft); color: var(--muted); }
.cg-need span.ok { background: color-mix(in srgb, var(--good) 15%, transparent); color: var(--good); }
.cg li small { font-size: 11.5px; color: var(--muted); word-break: keep-all; }