/* 기사 개별 페이지 댓글(2026-10-01) — news.css 의 팝업 댓글 규칙을 .nwc 안으로 옮긴 것. 댓글은 메인 팝업과 같은 /api/comments(같은 기사 id) */
.nwc{margin-top:26px;padding-top:20px;border-top:2px solid #1f1c18}
.nwc .cm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.nwc .cm-head h3,.nwc>h3{margin:0;font-size:18px;font-weight:900}.nwc .cm-head h3 b{color:#ff7a1a}
.nwc .cm-sort button{border:0;background:none;font:700 13px inherit;font-family:inherit;color:#9a9186;cursor:pointer;padding:2px 6px}
.nwc .cm-sort button.on{color:#1f1c18}.nwc .cm-sort button.on:before{content:'✓ ';color:#ff7a1a}
.nwc .cm-form{border:1.5px solid #e3d9ca;border-radius:14px;background:#fff;padding:10px 12px;margin-bottom:8px}
.nwc .cm-form:focus-within{border-color:#eac559;box-shadow:0 0 0 3px #eac55933}
.nwc .cm-id{display:flex;gap:8px;margin-bottom:8px}
.nwc .cm-id input{flex:1;min-width:0;border:0;border-bottom:1px solid #eee5d8;padding:6px 2px;font:600 13.5px inherit;font-family:inherit;outline:none;background:none}
.nwc .cm-form textarea{width:100%;box-sizing:border-box;border:0;resize:vertical;font:500 14.5px/1.6 inherit;font-family:inherit;outline:none;background:none;color:#1f1c18}
.nwc .cm-foot{display:flex;align-items:center;justify-content:space-between}
.nwc .cm-len{font-size:12px;color:#b1a596}
.nwc .cm-foot button{border:0;background:#1f1c18;color:#eac559;font:800 13px inherit;font-family:inherit;padding:8px 18px;border-radius:18px;cursor:pointer}
.nwc .cm-foot button:hover{background:#ff7a1a;color:#fff}.nwc .cm-foot button:disabled{opacity:.5}
.nwc .cm-rule{font-size:11.5px!important;color:#b1a596!important;margin:0 0 10px!important}
.nwc .cm-list,.nwc .cm-replies ul{list-style:none;margin:0;padding:0}
.nwc .cm-item{padding:14px 2px;border-bottom:1px solid #eee5d8}
.nwc .cm-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#a3988a}
.nwc .cm-meta b{font-size:14px;color:#1f1c18}
.nwc .cm-x{margin-left:auto;border:0;background:none;font-size:12px;color:#b1a596;cursor:pointer}.nwc .cm-x:hover{color:#d33}
.nwc .cm-body{margin:6px 0 8px!important;font-size:15px!important;line-height:1.7!important;color:#2a2620!important;white-space:pre-wrap;word-break:break-word}
.nwc .cm-del{margin:0!important;font-size:13.5px!important;color:#b1a596!important}
.nwc .cm-act{display:flex;align-items:center;justify-content:space-between}
.nwc .cm-act button{border:1px solid #e3d9ca;background:#fff;border-radius:14px;padding:4px 10px;font:700 12px inherit;font-family:inherit;color:#6f6456;cursor:pointer}
.nwc .cm-act button:hover{border-color:#ff7a1a}.nwc .cm-act button.on{background:#fff2e6;border-color:#ff7a1a;color:#ff7a1a}
.nwc .cm-vote{display:flex;gap:6px}
.nwc .cm-replies{margin-top:10px;padding:4px 12px 10px;background:#f7f3ec;border-radius:12px}
.nwc .cm-item.child{padding-left:18px;position:relative}.nwc .cm-item.child:before{content:'ㄴ';position:absolute;left:2px;top:15px;color:#c9b59c;font-size:12px}
.nwc .cm-replies .cm-form{margin-top:10px}
.nwc .cm-empty,.nwc .cm-off{padding:22px 0;text-align:center;color:#a3988a;font-size:14px}
.nwc .cm-delf{display:flex;gap:6px;margin-top:8px}.nwc .cm-delf input{flex:1;min-width:0;border:1.5px solid #e3d9ca;border-radius:10px;padding:6px 10px;font:600 13px inherit;font-family:inherit}.nwc .cm-delf button{border:0;border-radius:10px;padding:6px 12px;font:800 12.5px inherit;font-family:inherit;cursor:pointer;background:#1f1c18;color:#fff}.nwc .cm-delf button[data-cancel]{background:#f3ece2;color:#3d3a34}
.nwc .cm-ts{margin:6px 0 4px;min-height:0}.nwc .cm-ts:empty{display:none}
.nwc{max-width:720px;margin:34px auto 10px;padding-top:20px;border-top:2px solid #1f1c18}
.nwc .nwc-hint{margin:0 0 10px;font-size:12.5px;color:#8a7f6e}
:root[data-theme="dark"] .nwc{border-color:#f1ebe0}:root[data-theme="dark"] .nwc .cm-form,:root[data-theme="dark"] .nwc .cm-act button{background:#1c1a17;border-color:#3a352d}:root[data-theme="dark"] .nwc .cm-form textarea,:root[data-theme="dark"] .nwc .cm-id input,:root[data-theme="dark"] .nwc .cm-meta b,:root[data-theme="dark"] .nwc .cm-body,:root[data-theme="dark"] .nwc .cm-sort button.on{color:#f1ebe0!important}:root[data-theme="dark"] .nwc .cm-replies{background:#26231f}:root[data-theme="dark"] .nwc .cm-item{border-color:#3a352d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nwc{border-color:#f1ebe0}:root:not([data-theme="light"]) .nwc .cm-form,:root:not([data-theme="light"]) .nwc .cm-act button{background:#1c1a17;border-color:#3a352d}:root:not([data-theme="light"]) .nwc .cm-form textarea,:root:not([data-theme="light"]) .nwc .cm-id input,:root:not([data-theme="light"]) .nwc .cm-meta b,:root:not([data-theme="light"]) .nwc .cm-body,:root:not([data-theme="light"]) .nwc .cm-sort button.on{color:#f1ebe0!important}:root:not([data-theme="light"]) .nwc .cm-replies{background:#26231f}:root:not([data-theme="light"]) .nwc .cm-item{border-color:#3a352d}}
.nwc .cm-foot{padding:0!important;margin:0!important;border:0!important;background:none!important;min-height:0!important;height:auto!important;box-shadow:none!important}
.nwc .nsh-sns{display:none!important}
/* 기사 끝 「여러분의 생각은?」(news_pages.py .nwp-ask) */
.nwp-ask{margin:30px 0 0;padding:18px 20px;border-radius:16px;background:#fff4ea;border:1.5px solid #ffcfa6}
.nwp-ask b{display:block;font-size:17px;font-weight:900;color:#c4520f}
.nwp-ask p{margin:6px 0 14px;font-size:16px;line-height:1.7;color:#2a2620}
:root[data-theme="dark"] .nwp-ask{background:#3a2718;border-color:#6b3d14}:root[data-theme="dark"] .nwp-ask p{color:#f1ebe0}:root[data-theme="dark"] .nwp-ask b{color:#ff8a3d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nwp-ask{background:#3a2718;border-color:#6b3d14}:root:not([data-theme="light"]) .nwp-ask p{color:#f1ebe0}:root:not([data-theme="light"]) .nwp-ask b{color:#ff8a3d}}
/* 뉴스 댓글 회원 전용(2026-10-01) — 공용 모듈 news-comments.js 가 댓글 칸에 .nwcm 을 붙인다(메인 뉴스 창·기사 페이지 공통) */
.nwcm .cm-who{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;color:#8a7f6e}
.nwcm .cm-who b,.nwcm .cm-who .nbl-tag{font-size:13.5px;color:#1f1c18}
.nwcm .cm-login{margin:0 0 8px;padding:16px;border:1.5px dashed #e3d9ca;border-radius:14px;text-align:center;background:#fffaf4}
.nwcm .cm-login p{margin:0 0 10px!important;font-size:13.5px!important;color:#6f6456!important}
.nwcm .cm-loginbtn{display:inline-block;padding:10px 18px;border-radius:99px;background:#e0661a;color:#fff!important;font-weight:800;font-size:14px;text-decoration:none}
.nwcm .cm-loginbtn:hover{filter:brightness(1.07)}
.nwcm .cm-guest{font-style:normal;font-size:11px;padding:0 6px;border-radius:5px;background:#f1ece3;color:#a3988a}
.nwcm .cm-item.mine .cm-body{border-left:3px solid #ffcfa6;padding-left:9px}
.nwcm .nwc-hint{margin:0 0 10px;font-size:12.5px;color:#8a7f6e}
:root[data-theme="dark"] .nwcm .cm-login{background:#26231f;border-color:#3a352d}:root[data-theme="dark"] .nwcm .cm-login p{color:#c9bca6!important}:root[data-theme="dark"] .nwcm .cm-who b,:root[data-theme="dark"] .nwcm .cm-who .nbl-tag{color:#f1ebe0}:root[data-theme="dark"] .nwcm .cm-guest{background:#3a352d;color:#c9bca6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nwcm .cm-login{background:#26231f;border-color:#3a352d}:root:not([data-theme="light"]) .nwcm .cm-login p{color:#c9bca6!important}:root:not([data-theme="light"]) .nwcm .cm-who b,:root:not([data-theme="light"]) .nwcm .cm-who .nbl-tag{color:#f1ebe0}:root:not([data-theme="light"]) .nwcm .cm-guest{background:#3a352d;color:#c9bca6}}
/* 뉴스 댓글 나무 — 4단계 들여쓰기(2026-10-01). 답글은 늘 펼쳐 보이고 더 깊으면 @닉네임 */
.nwcm .cm-item.child{position:relative;padding-left:16px;border-left:2px solid #efe6d6}
.nwcm .cm-item.child:before{content:none}
.nwcm .cm-item.d1{margin-left:20px}.nwcm .cm-item.d2{margin-left:40px}.nwcm .cm-item.d3{margin-left:60px}.nwcm .cm-item.d4{margin-left:80px}
.nwcm .cm-to{color:#3d7bff;font-weight:700}
.nwcm .cm-rform{margin-top:8px}
@media (max-width:600px){.nwcm .cm-item.d1{margin-left:10px}.nwcm .cm-item.d2{margin-left:20px}.nwcm .cm-item.d3{margin-left:30px}.nwcm .cm-item.d4{margin-left:40px}.nwcm .cm-item.child{padding-left:10px}}
:root[data-theme="dark"] .nwcm .cm-item.child{border-left-color:#3a352d}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nwcm .cm-item.child{border-left-color:#3a352d}}
.nwcm .cm-edit{margin:6px 0}.nwcm .cm-edit .cm-ghostb{background:none;border:1px solid #e3d9ca;color:#6f6456;border-radius:18px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer}