.article-comments{margin:44px 0 18px;padding-top:28px;border-top:1px solid var(--line)}.article-comments h2{font-size:24px;margin:0 0 24px}.comment-count{font:14px var(--font-body);color:var(--muted);margin-left:8px}.reader-comment{padding:20px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.comment-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px}.comment-meta time{font-size:12px;color:var(--muted)}.reader-comment p{font:16px/1.7 var(--font-body);margin:12px 0 0}.comment-form{margin-top:28px}.comment-form label{display:block;font-size:14px;margin:18px 0 8px;font-weight:600}.comment-form input,.comment-form textarea{display:block;width:100%;background:var(--surface);color:var(--text);font:16px/1.5 var(--font-body);padding:12px;border:1px solid var(--line);border-radius:10px}.comment-form input[type=hidden]{display:none}.comment-form textarea{resize:vertical;min-height:128px}.comment-form input:focus,.comment-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.comment-help,.comment-status,.comment-empty{font-size:13px;line-height:1.6;color:var(--muted)}.comment-status:empty{display:none}.comment-status.error{color:#bc3542}.comment-form button:disabled{opacity:.55;cursor:wait}.comment-form [readonly]{opacity:.8}.comment-captcha{max-width:100%;overflow:hidden}.article-comments>[data-comments-more]{margin-top:20px}@media(max-width:480px){.comment-meta{align-items:flex-start;flex-direction:column;gap:4px}}
