.question-comments { margin-top: 18px; padding: 20px; border: 1px solid var(--border, #29332e); border-radius: 16px; background: var(--panel, #141b17); }
.question-comments[hidden], .question-comments [hidden] { display: none !important; }
.qc-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.qc-heading h3 { margin: 0; font-size: 17px; color: var(--text, #eef4ef); }
.qc-count { display: inline-block; margin-left: 6px; color: var(--accent, #8ff0a4); }
.qc-links, .qc-actions, .qc-author-line { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.qc-links a, .qc-links button, .qc-item-actions button { color: var(--muted, #a5b4aa); font-size: 12px; }
.qc-links button, .qc-item-actions button { border: 0; background: transparent; padding: 5px 0; cursor: pointer; font-family: inherit; }
.qc-subtitle { margin: 10px 0 5px; font-size: 13px; color: var(--text, #eef4ef); }
.qc-hint, .qc-meta { color: var(--muted, #a5b4aa); font-size: 12px; line-height: 1.6; }
.qc-hint { margin: 5px 0 16px; }
.qc-form label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; }
.question-comments textarea { box-sizing: border-box; width: 100%; min-height: 108px; resize: vertical; padding: 12px; border: 1px solid var(--border, #344238); border-radius: 10px; background: var(--bg, #0b100d); color: var(--text, #eef4ef); font: inherit; font-size: 14px; line-height: 1.65; }
.question-comments textarea:focus-visible, .question-comments button:focus-visible, .question-comments a:focus-visible { outline: 2px solid var(--accent, #8ff0a4); outline-offset: 3px; }
.qc-form-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; }
.qc-length { color: var(--muted, #a5b4aa); font-size: 12px; white-space: nowrap; flex-shrink: 0; }
.qc-form-bottom .btn-primary, .qc-editor .btn-primary { width: auto; min-width: 120px; }
.qc-length.is-over, .qc-status.is-error { color: var(--g-blunder, #ff9292); }
.qc-status { font-size: 13px; line-height: 1.6; margin: 12px 0 0; overflow-wrap: anywhere; }
.qc-status:empty { display: none; }
.qc-guest { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border: 1px dashed var(--border, #344238); padding: 14px; border-radius: 10px; font-size: 13px; }
.qc-list { list-style: none; margin: 18px 0 0; padding: 0; }
.qc-item { padding: 18px 0; border-top: 1px solid var(--border, #29332e); }
.qc-author { font-size: 13px; font-weight: 700; color: var(--text, #eef4ef); overflow-wrap: anywhere; }
.qc-mine { border: 1px solid var(--border, #344238); border-radius: 5px; padding: 1px 5px; color: var(--accent, #8ff0a4); font-size: 10px; }
.qc-body { margin: 10px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.75; }
.qc-item-actions { display: flex; gap: 14px; margin-top: 7px; }
.qc-item-actions .qc-delete { color: #f5a29b; }
.qc-empty { padding: 20px 0 8px; color: var(--muted, #a5b4aa); font-size: 13px; text-align: center; line-height: 1.7; }
.qc-more { display: block; margin: 8px auto 0; }
.qc-editor { margin-top: 10px; }
.qc-editor .qc-actions { justify-content: flex-end; margin-top: 8px; }
.question-comments button:disabled { opacity: .5; cursor: default; }
.qc-dialog { width: min(680px, calc(100vw - 24px)); max-height: calc(100dvh - 40px); padding: 0; border: 1px solid var(--border, #344238); border-radius: 18px; background: var(--panel, #141b17); color: var(--text, #eef4ef); box-sizing: border-box; }
.qc-dialog::backdrop { background: rgba(0, 0, 0, .72); }
.qc-dialog-top { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px 0; gap: 12px; }
.qc-dialog-top h2 { font-size: 17px; margin: 0; }
.qc-dialog .question-comments { border: 0; margin: 0; border-radius: 0; }
@media (max-width: 520px) {
  .question-comments { padding: 15px; }
  .qc-heading h3 { font-size: 16px; }
  .qc-dialog { max-height: calc(100dvh - 24px); }
}