.clfc-comments {
    color: #3c3c3c;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.clfc-intro { margin: 0 0 28px; }
.clfc-comment { padding: 22px 0; border-top: 1px solid #e5e5e5; }
.clfc-comment-meta { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px 14px; }
.clfc-comment-meta strong { color: #111; font-weight: 600; }
.clfc-comment-meta time { color: #717171; font-size: 14px; }
.clfc-comment-body { margin: 12px 0; overflow-wrap: anywhere; }
.clfc-comment-body > :first-child { margin-top: 0; }
.clfc-comment-body > :last-child { margin-bottom: 0; }
.clfc-comment-body img { max-width: 100%; height: auto; }
.clfc-comment-body pre { overflow-x: auto; }
.clfc-permalink { color: #3c3c3c; font-size: 14px; text-decoration: underline; text-underline-offset: 3px; }
.clfc-empty { padding: 24px 0; border-top: 1px solid #e5e5e5; }
.clfc-pagination { display: flex; justify-content: space-between; gap: 12px; padding: 22px 0; border-top: 1px solid #e5e5e5; }
.clfc-pagination a { color: #111; text-decoration: underline; text-underline-offset: 3px; }
.clfc-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; padding-top: 22px; border-top: 1px solid #e5e5e5; }
.clfc-actions > span { color: #717171; font-size: 14px; }
.clfc-reply { display: inline-block; padding: 11px 18px; border: 1px solid #111; border-radius: 50px; color: #111; font-weight: 600; text-decoration: none; }
.clfc-reply:hover, .clfc-reply:focus-visible { background: #111; color: #fff; }

@media (max-width: 600px) {
    .clfc-comment { padding: 18px 0; }
    .clfc-pagination { flex-wrap: wrap; }
}