.comment-section{margin:40px 0 24px;padding-top:24px;border-top:1px solid var(--line);font-size:14px;line-height:1.65;color:var(--ink);max-width:900px;overflow-wrap:anywhere}
.comment-heading,.comment-item header,.comment-item footer,.comment-form-footer,.comment-pagination{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.comment-heading{justify-content:space-between;margin-bottom:20px}.comment-heading h2{margin:0;font-size:20px}.comment-heading h2 span{font-size:14px;font-weight:400;margin-left:6px}.comment-heading>span,.comment-item time,.comment-item footer,.comment-form-footer>span,.comment-privacy{font-size:12px;color:var(--ink-soft)}
.comment-form{padding:20px;background:var(--paper-soft);border:1px solid var(--line);border-radius:6px}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.comment-fields label,.comment-body-label{display:flex;flex-direction:column;gap:6px}.comment-body-label{margin-top:16px}.comment-form input,.comment-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:inherit;padding:10px 12px;font:inherit}.comment-form textarea{resize:vertical;min-height:120px}.comment-form input:focus-visible,.comment-form textarea:focus-visible{outline:2px solid var(--blog-primary);outline-offset:2px}.comment-form input[readonly]{opacity:.85}.comment-form-footer{justify-content:space-between;margin-top:16px}.comment-submit{min-height:44px;padding:10px 22px;border:0;border-radius:4px;background:var(--blog-primary-solid);color:#fff;font:inherit;cursor:pointer}.comment-submit:disabled{opacity:.55;cursor:wait}.comment-identity{margin:0 0 16px}.comment-author-badge{font-size:11px;padding:1px 7px;color:var(--blog-primary);border:1px solid currentColor;border-radius:3px}.comment-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.comment-privacy{margin:12px 0 0}
.comment-item{padding:20px 0}.comment-item header strong{font-size:14px}.comment-item time{margin-left:auto}.comment-body{white-space:pre-wrap;margin:12px 0}.comment-item footer{justify-content:space-between}.comment-item footer a,.comment-expand,.comment-pagination a{min-height:36px;display:inline-flex;align-items:center}.comment-section a,.comment-expand,.comment-back{color:var(--blog-primary)}.comment-section a:hover,.comment-expand:hover{text-decoration:underline}.comment-thread{border-bottom:1px solid var(--line)}.comment-replies{margin-left:24px;padding-left:20px;border-left:2px solid var(--line)}.comment-reply-to,.comment-reply-context{font-size:12px;color:var(--ink-soft);margin:8px 0}.comment-empty{padding:28px 0;text-align:center;color:var(--ink-soft)}.comment-pagination{justify-content:center;margin:16px 0}.comment-notice,.comment-error{padding:12px 16px;border-left:3px solid var(--blog-primary);background:var(--paper-soft)}.comment-error{border-left-color:#b84336}.progress-comments .comment-section{margin-top:12px}.comment-section[aria-busy=true]{opacity:.65}.comment-back{display:inline-block;margin-bottom:8px}
@media(max-width:600px){.comment-fields{grid-template-columns:1fr;gap:12px}.comment-form{padding:16px}.comment-replies{margin-left:8px;padding-left:12px}.comment-item time{font-size:11px}.comment-form-footer{align-items:stretch;flex-direction:column}.comment-submit{width:100%}.comment-heading>span{display:none}}