.article-comments{border-top:1px solid var(--line,#d6dedb);max-width:75ch;margin:56px 0;padding:36px 0}.article-comments h2{margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2}.comments-intro{color:#50646a;max-width:65ch;font-size:1rem;line-height:1.6}.comments-list{margin:30px 0;padding:0;list-style:none}.comments-list li{border-bottom:1px solid var(--line,#d6dedb);padding:24px 0}.comment-byline{flex-wrap:wrap;align-items:baseline;gap:10px 20px;display:flex}.comment-byline time{color:#50646a;font-size:.8rem}.comments-list li>p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;font-size:1rem;line-height:1.65}.comments-empty{color:#50646a;margin:24px 0;font-size:1rem}.comment-form{margin-top:30px}.comment-form label{margin-bottom:12px;font-weight:650;display:block}.comment-form label span{margin-left:8px;font-size:.9rem;font-weight:400}.comment-form textarea{box-sizing:border-box;width:100%;font:inherit;color:var(--ink,#173d49);resize:vertical;background:#fff;border:1px solid #7e9299;border-radius:6px;padding:16px;line-height:1.5}.comment-form textarea::placeholder{color:#5a6b71}.comment-form textarea:focus-visible{outline:3px solid var(--yellow,#f4cf59);outline-offset:2px}.comment-form-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:14px;display:flex}.comment-form-bottom>span{color:#50646a;font-size:.8rem}.comment-form button,.comment-signin>a{font:inherit;background:var(--blue,#173d49);color:#fff;cursor:pointer;border:0;border-radius:5px;justify-content:center;align-items:center;min-height:46px;padding:12px 22px;font-family:inherit;font-size:.95rem;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex}.comment-form button:hover,.comment-signin>a:hover{background:#28566a}.comment-form button:disabled{opacity:.6;cursor:wait}.comment-signin{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;display:flex}.comment-signin>span{font-size:.9rem}.comment-signin span a{text-underline-offset:4px;text-decoration:underline}.comments-error{color:#852c24;background:#fff0ec;margin-top:20px;padding:16px}.comments-error p{margin:0 0 10px}.comments-error button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.comments-success{color:#214e38;background:#e9f2ec;margin-top:20px;padding:16px}@media (max-width:540px){.comment-form-bottom{flex-direction:column;align-items:flex-start;gap:12px}.comment-form button{width:100%}.article-comments{margin-top:36px;padding-top:28px}}