.comments { padding:16px; background: var(--border); }
.comments h3 { margin: 0 0 1rem 0; }
.comments .muted { color:#888; font-size: .8rem; }
.comments .btn.primary { background: var(--accent); }
.cmt-level { list-style:none; margin:0; padding:0; }
.cmt-level > li { background: var(--card); border-radius: 6px; padding:1rem; margin:6px 0 0 0; scroll-margin-top:var(--header-offset) }
.cmt-item.is-deleted .cmt-body { color:#999; font-style:italic; }

.cmt-head { display:flex; align-items:center; gap:10px; }
.cmt-avatar { width:40px; height:40px; border-radius:50%; object-fit:cover; }
.cmt-meta { display:flex; flex-direction:column; gap:2px; }
.cmt-name { font-weight:600; }
.cmt-time { font-size:12px; color:#666; }

.cmt-actions { margin-left:auto; }
.btn-link { background:none; border:0; padding:0; cursor:pointer; color:#2962ff; }
.btn { padding:8px 12px; border-radius:6px; border:0; cursor:pointer; }

.cmt-body { margin:8px 0; line-height:1.6; word-wrap: break-word;}
.cmt-foot { margin-top:6px; }

.cmt-form { margin-top:10px; display:flex; flex-direction:column; gap:8px; }
.cmt-form textarea { width:100%; resize: none; padding:0 8px; #border:1px solid #ddd; border-radius:6px; color:#fff; }
.cmt-level .cmt-form textarea { color:var(--bg); padding: 8px; }
.cmt-form .row { display:flex; gap:8px; justify-content:flex-end; }

.cmt-reply-wrap { margin-left:36px; margin-top:8px; }
.cmt-level .cmt-level { margin-left:36px; }
.cmt-level .cmt-level > li { padding:1rem 0 1rem 1rem; }

.cmt-delete { font-size:0.7rem; color:#999; }

/* 작성 카드 */
.cmt-write-card {
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 6px;
  background: var(--card);
  box-shadow: 0 4px 18px rgba(0,0,0,.06);
  padding: 16px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.cmt-write-card .cmt-avatar {
  width: 30px; height: 30px; border-radius: 50%; object-fit: cover;
  flex: 0 0 30px;
}

.cmt-write-body { flex: 1 1 auto; display: flex; flex-direction: column; gap: 10px; }

.cmt-field {
  border: none; outline: none; resize: vertical; min-height: 68px;
  width: 100%; padding: 6px 0; font-size: 16px; line-height: 1.6;
  color: #333; background: transparent;
}
.cmt-field::placeholder { color: #a5adba; }

/* 하단 오른쪽 정렬 버튼 */
.cmt-write-actions { display: flex; justify-content: flex-end; }