/* community.css — 커뮤니티(토론) 전용 */
.cm-intro{margin:6px 0 18px;font-size:15px;line-height:1.75;color:#d5d9f2}
.cm-status{margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.08);font-size:14px;color:var(--primary-soft);line-height:1.6}
.cm-status[hidden]{display:none}

.cm-sides{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cm-side{padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.cm-side h2{font-size:16px;font-weight:800;margin-bottom:8px}
.cm-side ul,.cm-check ul,.cm-rules ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:7px;font-size:14.5px;line-height:1.7;color:#d5d9f2}
.cm-pro{border-color:rgba(98,196,138,.45)}
.cm-con{border-color:rgba(240,128,128,.45)}
.cm-check,.cm-rules,.cm-related{margin-top:16px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.cm-check h2,.cm-rules h2,.cm-vote h2,.cm-write h2,.cm-list h2{font-size:17px;font-weight:800;margin-bottom:10px}
.cm-related h3{font-size:14px;font-weight:700;color:var(--muted);margin:12px 0 6px}
.cm-related h3:first-child{margin-top:0}
.cm-related ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:4px;font-size:14px}
.cm-related a,.cm-rules a{color:var(--primary-soft)}
.cm-chips{display:flex;flex-wrap:wrap;gap:6px}
.cm-chips a{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card-2);font-size:13px;text-decoration:none}

.cm-vote{margin-top:22px}
.cm-vote-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cm-vbtn{padding:14px 10px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:15px;font-weight:700;cursor:pointer}
.cm-vbtn:hover:not([disabled]){border-color:rgba(var(--primary-rgb),.5)}
.cm-vbtn.on{border-color:rgba(var(--primary-rgb),.7);background:rgba(var(--primary-rgb),.14);color:var(--primary-soft)}
.cm-vbtn[disabled]{opacity:.55;cursor:not-allowed}
.cm-bar{display:flex;height:12px;margin-top:12px;border-radius:999px;overflow:hidden;background:var(--card-2)}
.cm-bar[hidden]{display:none}
.cm-bar-pro{display:block;background:#62c48a}
.cm-bar-con{display:block;background:#f08080}
.cm-bar-mini{height:8px;margin-top:10px}

.cm-write{margin-top:22px;padding:16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.cm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.cm-radios{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.cm-radios label{display:flex;gap:6px;align-items:center;cursor:pointer}
.cm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#cm-body{resize:vertical;min-height:96px}
#cm-form .pk-note{margin:10px 0}
#cm-form .pk-error{margin:0 0 10px}

.cm-list{margin-top:22px}
.cm-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.cm-tabs button{padding:7px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer}
.cm-tabs button.on{background:rgba(var(--primary-rgb),.14);border-color:rgba(var(--primary-rgb),.55);color:var(--primary-soft)}
.cm-comments{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cm-comment{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);border-left-width:4px}
.cm-c-pro{border-left-color:#62c48a}
.cm-c-con{border-left-color:#f08080}
.cm-c-neutral{border-left-color:var(--dim)}
.cm-c-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--dim)}
.cm-c-head strong{color:var(--text);font-size:14px}
.cm-badge{padding:2px 8px;border-radius:999px;background:var(--card-2);font-size:12px;color:var(--muted)}
.cm-report{margin-left:auto;background:none;border:0;color:var(--dim);font-size:12.5px;cursor:pointer;text-decoration:underline}
.cm-report[disabled]{cursor:default;text-decoration:none}
.cm-c-body{margin-top:8px;font-size:15px;line-height:1.7;color:#d5d9f2;white-space:pre-wrap;word-break:break-word}
.cm-empty{padding:14px;text-align:center;font-size:14px;color:var(--muted)}

.cm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.cm-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--text)}
.cm-card:hover{border-color:rgba(var(--primary-rgb),.5)}
.cm-card h2{font-size:17px;font-weight:800;line-height:1.4}
.cm-card p{font-size:13.5px;color:var(--muted);line-height:1.6}
.cm-vs{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-top:auto}
.cm-vs-pro{color:#62c48a}
.cm-vs-con{color:#f08080}
.cm-vs-x{color:var(--dim);font-weight:600;font-size:12px}
.cm-meta{font-size:12.5px;color:var(--dim)}
@media (max-width:640px){.cm-sides,.cm-row{grid-template-columns:1fr}.cm-cards{grid-template-columns:1fr}}