/* Article reactions and conversation use normal CSRF forms on web and desktop. */
.news-community{max-width:880px;margin:42px auto 0;min-width:0;scroll-margin-top:115px}
.news-community h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:0}
.news-community-thumb{flex:none;vertical-align:middle}
.news-community-thumb--down{transform:rotate(180deg)}
.news-voting{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 24px;border:1px solid #e3e3e3;border-radius:12px;background:#fafafa;margin-bottom:36px}
.news-voting h2{font-size:19px;letter-spacing:-.3px}
.news-voting p{font-size:13px;line-height:1.6;color:#707070;margin:6px 0 0}
.news-vote-options{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}
.news-vote-options form{margin:0}
.news-vote-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 13px;border:1px solid #d8d8d8;background:#fff;border-radius:8px;font-size:12px;line-height:1.5}
.news-vote-button strong{font-variant-numeric:tabular-nums;min-width:1ch;margin-left:3px}
button.news-vote-button:hover{background:#ededed}
.news-vote-button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}
button.news-vote-button[aria-pressed=true]:hover{background:#333}
.news-vote-button--readonly{color:#555}
.news-comments-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 23px}
.news-comments-heading>a,.news-more-replies{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600}
.news-comments-heading>a:hover,.news-more-replies:hover{text-decoration:underline;text-underline-offset:3px}
.news-comment-composer{margin:0 0 25px}
.news-comment-composer>label,.news-reply-form>label{font-size:13px;margin-bottom:9px}
.news-comment-composer textarea,.news-reply-form textarea{display:block;width:100%;min-width:0;font-size:14px;line-height:1.65;padding:13px 15px;border-color:#d9d9d9;resize:vertical}
.news-comment-composer textarea{min-height:116px}
.news-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px}
.news-composer-footer>span{font-size:11px;color:#707070;line-height:1.6}
.news-composer-footer .button{flex-shrink:0;font-size:12px}
.news-community-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:#f7f7f7;border:1px solid #e9e9e9;border-radius:10px;margin:0 0 25px}
.news-community-notice p{font-size:13px;line-height:1.7;color:#666;margin:0}
.news-community-notice .button{flex-shrink:0}
.news-threads{border-top:1px solid #e6e6e6}
.news-thread{padding:24px 0;border-bottom:1px solid #e6e6e6;min-width:0}
.news-comment{min-width:0;scroll-margin-top:115px}
.news-comment-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 13px}
.news-comment-author{display:flex;align-items:center;gap:10px;min-width:0}
.news-comment-author strong{font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.news-comment-author .avatar{width:32px;height:32px;font-size:12px}
.news-comment-heading time{font-size:10px;color:#707070;line-height:1.6;flex-shrink:0}
.news-comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin:0 0 13px}
.news-comment-reply-target{color:#707070;font-size:11px;line-height:1.6;margin:0 0 7px;overflow-wrap:anywhere}
.news-comment-reply-target strong{font-weight:500;color:#555}
.news-comment-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px 17px;font-size:11px}
.news-comment-actions>form{margin:0}
.news-comment-like button,.news-comment-like-count{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;padding:6px 9px;border:1px solid #e6e6e6;border-radius:7px;background:#fff;color:#666}
.news-comment-like button:hover{background:#f3f3f3}
.news-comment-like button[aria-pressed=true]{color:#171717;background:#f0f0f0;border-color:#c9c9c9;font-weight:600}
.news-comment-like strong,.news-comment-like-count strong{font-weight:600;font-variant-numeric:tabular-nums;margin-left:2px}
.news-comment-like .news-community-thumb,.news-comment-like-count .news-community-thumb{width:14px;height:14px}
.news-comment-actions details>summary{cursor:pointer;list-style:none;padding:7px 0;color:#666;font-weight:600}
.news-comment-actions details>summary::-webkit-details-marker{display:none}
.news-comment-actions details>summary:hover{text-decoration:underline;text-underline-offset:3px}
.news-comment-actions details[open]{flex-basis:100%;order:3}
.news-comment-actions details[open]>summary{display:inline-block;color:#171717}
.news-reply-form{padding:16px 18px;margin:6px 0 2px;border:1px solid #e5e5e5;border-radius:9px;background:#fafafa}
.news-reply-form textarea{min-height:90px;background:#fff}
.news-delete-confirm{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #ead8d8;border-radius:8px;background:#fffafa;padding:13px 15px;margin-top:6px}
.news-delete-confirm p{font-size:12px;line-height:1.6;margin:0;color:#744}
.news-delete-confirm form{margin:0;flex-shrink:0}
.news-delete-confirm button{padding:7px 10px;background:#fff;color:#873b3b;border-color:#dfc7c7;font-size:11px}
.news-comment-replies{margin:21px 0 0 16px;padding-left:23px;border-left:2px solid #ececec}
.news-comment--reply+.news-comment--reply{margin-top:22px;padding-top:22px;border-top:1px solid #eeeeee}
.news-comment-deleted{font-size:13px;color:#777;font-style:italic;margin:0;padding:6px 0}
.news-more-replies{margin:20px 0 0 41px;color:#555}
.news-comments-empty{padding:28px 18px;text-align:center;border:1px dashed #dedede;border-radius:9px;color:#707070;font-size:13px;line-height:1.7}
.news-comments-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px}
.news-comments-pagination>span{font-size:12px;color:#707070}
@media(max-width:760px){.news-voting{flex-direction:column;align-items:flex-start;gap:17px;padding:20px}.news-vote-options{width:100%}.news-vote-options>form,.news-vote-options>.news-vote-button{flex:1}.news-vote-options form>.news-vote-button{width:100%}.news-community-notice{align-items:flex-start;flex-direction:column;gap:12px}.news-comment-heading{align-items:flex-start;flex-direction:column;gap:6px}.news-comment-heading time{margin-left:42px}.news-comment-replies{margin-left:10px;padding-left:16px}.news-more-replies{margin-left:28px}}
@media(max-width:440px){.news-community{margin-top:32px}.news-community h2{font-size:22px}.news-voting h2{font-size:18px}.news-voting{margin-bottom:29px;padding:18px}.news-vote-button{font-size:11px;gap:6px;padding:10px}.news-community-notice{padding:17px}.news-reply-form{padding:13px}.news-comment-body{font-size:13px}.news-comment-author strong{font-size:12px}.news-composer-footer{gap:10px}.news-composer-footer .button{font-size:11px;padding:9px 13px}.news-delete-confirm{align-items:flex-start;flex-direction:column;gap:10px}.news-comments-pagination{gap:12px}}