.comments-section { margin-top: 20px; }
.comments-section h3 { font-family: var(--font-mono); font-size: 1rem; letter-spacing: 2px; margin-bottom: 15px; color: var(--accent-gold); }
.comment-card { background: rgba(13,17,23,0.8); border: 1px solid var(--border-color); padding: 15px; margin-bottom: 10px; }
.comment-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.comment-user { display: flex; align-items: center; gap: 8px; }
.comment-avatar { width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--accent-secondary); object-fit: cover; }
.comment-username { font-family: var(--font-mono); font-weight: 700; color: var(--accent-gold); font-size: 0.8rem; cursor: pointer; }
.comment-role-badge { display: inline-block; padding: 2px 6px; font-size: 0.55rem; font-family: var(--font-mono); font-weight: 700; border-radius: 2px; margin-left: 4px; }
.comment-date { font-family: var(--font-mono); font-size: 0.65rem; color: var(--text-secondary); }
.comment-content { color: var(--text-primary); font-size: 0.85rem; line-height: 1.5; }
.comment-actions { margin-top: 8px; }
.comment-delete-btn { background: none; border: none; color: var(--danger); cursor: pointer; font-family: var(--font-mono); font-size: 0.65rem; opacity: 0.7; }
.comment-input-box { background: rgba(13,17,23,0.8); border: 1px solid var(--border-color); padding: 15px; margin-bottom: 15px; }
.comment-input-box textarea { width: 100%; padding: 8px; font-family: var(--font-mono); font-size: 0.85rem; background: rgba(0,0,0,0.5); border: 2px solid var(--border-color); color: var(--text-primary); resize: vertical; min-height: 60px; outline: none; }
.comment-submit-row { display: flex; justify-content: space-between; align-items: center; margin-top: 8px; }