.comments-title{margin-bottom:25px;font-size:24px;color:#333}.comments-count{color:#666;font-weight:400;font-size:18px}.cbc-submit-comment{background:#0073aa;color:white;padding:12px 30px;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background .3s}.cbc-submit-comment:hover{background:#005a87}.cbc-submit-comment:disabled{background:#ccc;cursor:not-allowed}.cbc-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.cbc-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.cbc-comment-item{padding:20px;margin-bottom:15px;border-left:5px solid var(--cl-l);display:flex;flex-direction:column;gap:15px;border-radius:clamp(24px,2.4372vw,3.2rem);background:var(--bg-a);box-shadow:0 .4rem 3rem 0 rgba(0,0,0,.1)}.comment-reply{margin-left:40px;border-left-color:#999}.comment-level-1{margin-left:20px}.comment-level-2{margin-left:40px}.comment-level-3{margin-left:60px}.comment-avatar{flex-shrink:0}.comment-avatar img{border-radius:50%;display:block}.comment-content{flex-grow:1}.comment-author{font-weight:700;color:#333;margin-bottom:5px;font-size:15px}.comment-date{font-size:12px;color:#999;margin-bottom:10px}.comment-text{color:#555;line-height:1.6;margin-bottom:10px}.cbc-reply-button{font-size:13px;color:#0073aa;cursor:pointer;text-decoration:underline;display:inline-block;padding:2px 0}.cbc-reply-button:hover{color:#005a87}@media (max-width:768px){.comment-text{color:#555;margin-bottom:10px;font-size:12px}.cbc-comment-item{padding:10px}.comment-reply,.comment-level-1,.comment-level-2,.comment-level-3{margin-left:20px}}