.record-comments { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid rgb(var(--border)); text-align: left; white-space: normal; }
.record-comments h2 { font-size: var(--font-section); font-weight: 600; margin-bottom: .5rem; }
.record-comments form { margin-top: 1rem; }
.record-comments .record-comment-compose { display: flex; align-items: flex-start; gap: .75rem; }
.record-comments .record-comment-avatar { flex: 0 0 2rem; text-align: center; padding-top: .75rem; color: rgb(var(--primary)); }
.record-comments textarea { display: block; width: 100%; min-width: 0; min-height: 3rem; resize: vertical; background: rgb(var(--hover)); }
.record-comments .record-comment-list { list-style: none; padding: 0; margin: 1rem 0; }
.record-comments .record-comment { display: block; padding: 1rem 0; border-bottom: 1px solid rgb(var(--border)); }
.record-comments .record-comment-meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: baseline; overflow-wrap: anywhere; }
.record-comments .record-comment-meta span, .record-comments .record-comment-meta time { color: rgb(var(--muted)); }
.record-comments .record-comment-text { white-space: pre-wrap; overflow-wrap: anywhere; margin-top: .5rem; }
.record-comments .record-comment-error { color: rgb(var(--error)); margin: .5rem 0; }
@media print { .record-comments form { display: none; } }