.reader-comments{max-width:780px;margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}
.reader-comments h2{margin:0 0 12px;font-size:26px}
.comments-intro{color:var(--muted);margin-bottom:24px}
.comment-form{max-width:100%;margin:24px 0 38px}
.comment-field{margin-bottom:18px}
.comment-field label{display:block;margin-bottom:7px;font:600 15px/1.5 var(--sans)}
.comment-field input,.comment-field textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:3px;background:#fff;color:var(--ink);font:17px/1.6 var(--serif,Palatino,Georgia,serif)}
.comment-field input{max-width:380px}
.comment-field textarea{min-height:150px;resize:vertical}
.comment-field input:focus-visible,.comment-field textarea:focus-visible{outline:2px solid var(--link,#244f6b);outline-offset:2px}
.comment-note{margin:7px 0 0;color:var(--muted);font:13px/1.6 var(--sans)}
.comment-submit{min-height:44px;padding:10px 18px;border:1px solid #244f6b;border-radius:3px;background:#244f6b;color:#fff;cursor:pointer;font:600 15px/1.5 var(--sans)}
.comment-submit:hover{background:#193c53}
.comment-submit:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.comment-submit:disabled{opacity:.65;cursor:wait}
.comment-feedback{margin:12px 0 0;font:14px/1.6 var(--sans)}
.comment-feedback:empty{display:none}
.comment-feedback[data-state=error]{color:#8b2525}
.comment-feedback[data-state=success]{color:#275b3d}
.comment-website{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.comments-discussion h3{margin:0 0 12px;font-size:21px;font-weight:400}
.comments-discussion>[role=status]{color:var(--muted);font:14px/1.6 var(--sans)}
.comments-discussion>[role=status]:empty{display:none}
.reader-comment-list{list-style:none;padding:0;margin:0}
.reader-comment{padding:22px 0;border-bottom:1px solid var(--line)}
.reader-comment:first-child{padding-top:8px}
.reader-comment-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;font:15px/1.6 var(--sans)}
.reader-comment-heading strong{overflow-wrap:anywhere}
.reader-comment-heading time{color:var(--muted);font-size:13px}
.reader-comment p{margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left}
.reader-comments [data-comments-more]{margin-top:20px}
@media(max-width:600px){.reader-comments{margin-top:40px;padding-top:24px}.comment-field input{max-width:none}.comment-field textarea{min-height:160px}}