.column-comments{--column-brand:var(--color-brand,#bd1234);margin-block:32px;padding-top:24px;border-top:1px solid var(--color-border,#dce1e7);min-width:0}
body.ht-theme .column-comments{--column-brand:var(--red,#bd1234)}
.column-comments h2{font-size:22px;line-height:1.35;margin:0 0 20px}
.column-comments .c-comment{padding-block:18px;border-bottom:1px solid var(--color-border,#dce1e7)}
.column-comments .c-comment-head{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:space-between}
.column-comments time{font-size:13px;color:var(--color-text-muted,#626c78)}
.column-comments .c-comment-text{white-space:normal;overflow-wrap:anywhere;line-height:1.7}
.column-comment-form{margin-top:24px;display:grid;gap:16px}
.column-comment-form .c-field{display:grid;gap:8px;margin:0;min-width:0}
.column-comment-form input,.column-comment-form textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:16px;padding:12px;border:1px solid var(--color-border-strong,#c8ced6);border-radius:6px;background:var(--color-surface,#fff);color:inherit}
.column-comment-form textarea{resize:vertical;min-height:128px}
.column-comment-form button{justify-self:start;min-height:44px;padding:10px 20px;border:0;border-radius:6px;background:var(--column-brand);color:var(--theme-brand-ink,#fff);font:inherit;font-weight:600;cursor:pointer}
.column-comment-form button:disabled{opacity:.65;cursor:wait}
.column-comment-form :focus-visible{outline:2px solid var(--column-brand);outline-offset:3px}
.column-comment-form p{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.column-comment-form [data-comment-result]:not([hidden]){padding:12px 16px;border-left:3px solid var(--column-brand);background:var(--color-surface-alt,#f3f5f8)}