.comments-section{color:#333;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:700px}.commentable-cta{margin:10px 0}.commentable-add{background:#f0f8ff;border-radius:50px;display:flex;font-weight:700;padding:5px}.new-comment textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:12px;resize:vertical;width:100%}.new-comment button{background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.new-comment button:hover{background-color:#4338ca}.comment-list{margin-top:10px}.comment{background:#f9f9f9;border-radius:10px;margin-bottom:10px;padding:12px;position:relative}.comment.reply{background:#f1f1f1;margin-left:12px}.comment-body p{margin:4px 0}.comment-actions .reply-btn{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:13px;padding:0}.comment-actions .reply-btn:hover{text-decoration:underline}.reply-form{margin-top:10px}.reply-form textarea{border:1px solid #ccc;border-radius:6px;font-size:13px;padding:10px;resize:vertical;width:100%}.reply-form button{background-color:#10b981;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:6px;padding:6px 12px}.reply-form button:hover{background-color:#059669}.hidden{display:none}.text-placeholder{color:#888;font-size:18px;padding-top:82px;text-align:center;width:100%}