/* Comments with replies and hearts (Article page BR, AP-16), shared by the article and project pages (14 Nov 2026). */
.ci-art__comments .ci-art__h { font: var(--ci-h3); font-size: 22px; color: var(--ci-deep-forest); margin: 0 0 var(--ci-s4); }
.ci-art__cform { display: grid; gap: var(--ci-s2); margin-bottom: var(--ci-s5); }
.ci-art__cform .ci-btn { justify-self: start; }
.ci-art__signin { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ci-s3); margin: 0 0 var(--ci-s5); font: var(--ci-body); color: var(--ci-muted); }
.ci-art__clist, .ci-art__replies { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--ci-s4); }
.ci-art__replies { margin-top: var(--ci-s4); padding-left: var(--ci-s6); border-left: 2px solid var(--ci-line); }
.ci-art__comment p { margin: 0; }
.ci-art__cwho { display: flex; align-items: center; gap: var(--ci-s2); font: var(--ci-small); color: var(--ci-muted); }
.ci-art__cwho strong { color: var(--ci-ink); }
.ci-art__cav { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--ci-moss); color: var(--ci-forest); font: var(--ci-caption); font-weight: 700; }
.ci-art__ctext { margin: var(--ci-s2) 0 !important; font: var(--ci-body); color: var(--ci-ink); white-space: pre-line; overflow-wrap: anywhere; }
.ci-art__ctools { display: flex; gap: var(--ci-s4); font: var(--ci-small); }
.ci-art__ctools .ci-link { display: inline-flex; align-items: center; gap: 4px; min-height: 32px; border: 0; background: none; padding: 0; cursor: pointer; color: var(--ci-muted); }
.ci-art__ctools .ci-link[aria-pressed="true"] { color: var(--ci-clay-ink); }
.ci-art__comment form { margin: var(--ci-s3) 0 0; }
.ci-art__comments .ci-art__all { display: block; margin: var(--ci-s3) 0 0; padding: 0; border: 0; background: none; font-weight: 600; cursor: pointer; }