/* 공지·패치노트 댓글(2026-10-02, notice_comments.js). 토큰·공용 부품만(app.css :root). 누름 영역 44px, 12px 미만 글자 없음. 입력칸 모양은 screens_info.css(.tw-i-screen textarea). */
.tw-nc-count { display: inline-flex; align-items: center; gap: 2px; margin-left: var(--sp-2); color: var(--muted); font-size: var(--fs-sub); white-space: nowrap; vertical-align: -2px; }
.tw-nc-count svg { width: 14px; height: 14px; }

.tw-nc { display: grid; gap: var(--sp-3); min-width: 0; margin-top: var(--sp-2); padding-top: var(--sp-3); border-top: 1px solid var(--rule); }
.tw-nc__head { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-1) var(--sp-2); margin: 0; font-size: var(--fs-strong); font-weight: var(--fw-strong); color: var(--fg-2); }
.tw-nc__head svg { width: 16px; height: 16px; color: var(--muted); }
.tw-nc__n { color: var(--accent); font-variant-numeric: tabular-nums; }
.tw-nc__out:empty { display: none; }

.tw-nc__form { display: grid; gap: var(--sp-2); min-width: 0; }
.tw-nc__label { display: block; min-width: 0; }
.tw-nc__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); flex-wrap: wrap; }
.tw-nc__len { color: var(--muted); font-size: var(--fs-cap); font-variant-numeric: tabular-nums; }

.tw-nc__list { display: grid; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; min-width: 0; }
.tw-nc__item { display: grid; gap: var(--sp-1); min-width: 0; padding: var(--sp-2) 0 var(--sp-2) var(--sp-2); border-bottom: 1px solid var(--rule); border-left: 2px solid transparent; }
.tw-nc__item:last-child { border-bottom: 0; }
.tw-nc__item.is-gm { border-left-color: var(--accent); }   /* 운영자 댓글: 왼쪽 인디고 선(바탕 채움 없음 — CN2) */
.tw-nc__meta { display: flex; align-items: center; flex-wrap: wrap; gap: var(--sp-1) var(--sp-2); margin: 0; min-width: 0; font-size: var(--fs-sub); }
.tw-nc__name { min-width: 0; overflow-wrap: anywhere; color: var(--fg-2); }
.tw-nc__item.is-gm .tw-nc__name { color: var(--accent); }
.tw-nc__when { color: var(--muted); font-size: var(--fs-cap); white-space: nowrap; }
.tw-nc__act { margin-left: auto; display: inline-flex; }
.tw-nc__act .tw-i-mini { display: inline-flex; align-items: center; gap: var(--sp-1); min-height: 32px; font-size: var(--fs-cap); }   /* ::before 로 누름 영역 44(screens_info.css 결정 DF1) */
.tw-nc__act .tw-i-mini svg { width: 14px; height: 14px; }
.tw-nc__body { min-width: 0; }
.tw-nc__body.is-muted { color: var(--muted); }
.tw-nc__empty { margin: 0; }

.tw-nc__pager { display: flex; align-items: center; justify-content: center; gap: var(--sp-2); flex-wrap: wrap; }
.tw-nc__of { color: var(--muted); font-size: var(--fs-sub); font-variant-numeric: tabular-nums; }