.comment-actions{display:flex;align-items:center;gap:8px;margin-top:12px}.comment-actions button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid #d8e3da;border-radius:999px;background:#fff;color:#52675a;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.comment-actions button:hover,.comment-actions button.active{border-color:#0b4a28;background:#edf5ef;color:#0b4a28}.comment-actions button:disabled{cursor:wait;opacity:.6}.reply-form{margin-top:14px;padding:17px;background:#f4f8f5;border-radius:13px}.reply-form[hidden]{display:none}.reply-form label{display:grid;gap:6px;color:#23442f;font-size:.8rem;font-weight:700}.reply-form input,.reply-form textarea{width:100%;padding:10px 12px;border:1px solid #cbd9ce;border-radius:9px;background:#fff;font:inherit}.reply-form .button{min-height:38px;margin-top:10px;padding:8px 15px}.comment-replies{margin-top:14px;padding-left:24px;border-left:2px solid #dce8df}.comment.reply{grid-template-columns:36px minmax(0,1fr);padding:15px 0}.comment.reply .comment-avatar{width:36px;height:36px}.comment.reply:first-child{border-top:0}@media(max-width:520px){.comment-actions{flex-wrap:wrap}.comment-replies{padding-left:10px}.reply-form{padding:13px}.reply-form .comment-fields{grid-template-columns:1fr}}
