.comment-avatar { position: relative; display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 50%; overflow: hidden; background: var(--nav-bg); color: var(--muted); }
.comment-avatar svg { width: 100%; height: 100%; fill: currentColor; opacity: .5; }
.comment-avatar img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.comment-author { flex-wrap: wrap; }
.comment-author > a, .comment-author > span:not(.comment-avatar) { min-width: 0; overflow-wrap: anywhere; }
.moment-response > .comment-avatar { vertical-align: middle; margin: 0 8px 5px 0; width: 32px; height: 32px; }