.comments__heading > span { color: #4ed39a; font-size: 9px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.comment { align-items: flex-start; }
.comment__content { min-width: 0; flex: 1; }
.comment__author small { margin-left: 4px; color: #5f5f67; font-size: 9px; font-weight: 500; }
.comment__text { overflow-wrap: anywhere; white-space: normal; }
.comment__actions { display: flex; align-items: center; gap: 13px; margin-top: 8px; }
.comment__actions button { display: inline-flex; align-items: center; gap: 5px; padding: 2px; color: #777780; font-size: 9px; background: transparent; border: 0; cursor: pointer; }
.comment__actions button:hover,.comment__actions button.is-active { color: #ff655d; }
.comment__actions button b { font-size: 9px; }
.comment-replies { display: flex; flex-direction: column; gap: 15px; margin-top: 14px; padding-left: 15px; border-left: 1px solid #2c2c31; }
.comment-replies:empty { display: none; }
.comment-replies .comment { margin: 0; padding-top: 0; }
.comment-reply-form { display: grid; gap: 8px; margin-top: 11px; }
.comment-reply-form textarea { width: 100%; padding: 10px 11px; color: white; font: 11px var(--font); resize: vertical; background: #121214; border: 1px solid #303035; border-radius: 8px; outline: none; }
.comment-reply-form > div { display: flex; justify-content: flex-end; gap: 7px; }
.comment-reply-form button { padding: 7px 10px; color: #d7d7db; font-size: 9px; background: #28282d; border: 1px solid #38383e; border-radius: 7px; cursor: pointer; }
.comment-reply-form button[type="submit"] { color: white; background: var(--accent); border-color: var(--accent); }
@media (max-width: 520px) { .comment-replies { padding-left: 9px; } .comment__author small { display: none; } }