.comments{--avatar-size:2.75rem;--avatar-gap:.7rem}.comments>h3{border-bottom:1px solid var(--border-light);margin:1.75rem 0 .5rem;padding-bottom:.2rem;font-size:.95rem}.comments-note{color:var(--muted);margin:.5rem 0;font-size:.85rem}.comments-count{color:var(--muted);font-weight:400}.comment-link{font:inherit;color:var(--link);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem}.comment-link:hover{text-decoration:underline}.comment-link.is-danger{color:var(--redlink)}.comment-link:disabled{cursor:progress;text-decoration:none}.comment-list{margin:.75rem 0 0;padding:0;list-style:none}.comment+.comment{margin-top:1.1rem}.comment .comment-list{margin-left:calc(var(--avatar-size) / 2 - 1px);border-left:2px solid var(--border-light);padding-left:1rem}.comment .comment .comment .comment .comment .comment-list{border-left:0;margin-left:0;padding-left:0}.comment-card{gap:var(--avatar-gap);align-items:flex-start;display:flex}.comment-avatar{width:var(--avatar-size);height:var(--avatar-size);border:1px solid var(--border-light);background:var(--box);font-size:calc(var(--avatar-size) * .58);border-radius:2px;flex:none;place-items:center;line-height:1;display:inline-grid}.comment-main{flex:1;min-width:0}.comment-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:0 .6em;font-size:.8rem;display:flex}.comment-name{color:var(--text);font-size:.85rem}.comment-body{white-space:pre-line;overflow-wrap:anywhere;margin:.1rem 0 .2rem}.comment-controls{flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;display:flex}.comment-confirm{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:0 .6rem;font-size:.8rem;display:inline-flex}.comment-gone{color:var(--muted);margin:0;font-size:.85rem;font-style:italic}.comment-form{background:var(--box);border:1px solid var(--border-light);gap:.75rem;margin-top:1.25rem;padding:.9rem 1rem 1rem;display:grid}.comment-form.is-reply{margin:.6rem 0 0 calc(var(--avatar-size) + var(--avatar-gap))}.comment-field{gap:.25rem;display:grid}.comment-field label,.comment-avatars legend{font-size:.8rem;font-weight:700}.comment-field input,.comment-field textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:.35rem .5rem}.comment-field input{max-width:22rem}.comment-field textarea{resize:vertical;min-height:5.5rem;line-height:1.5}.comment-field input:focus-visible,.comment-field textarea:focus-visible,.comment-link:focus-visible,.comment-submit:focus-visible{outline:2px solid var(--link);outline-offset:1px}.comment-as{color:var(--muted);flex-wrap:wrap;align-items:center;gap:0 .4em;margin:0;font-size:.85rem;display:flex}.comment-as strong{color:var(--text)}.comment-as .comment-avatar{--avatar-size:2.25rem}.comment-avatars{border:0;min-width:0;margin:0;padding:0}.comment-avatars legend{margin-bottom:.3rem;padding:0}.comment-avatar-grid{grid-template-columns:repeat(10,minmax(0,2.75rem));gap:.35rem;display:grid}.comment-avatar-grid label{aspect-ratio:1;border:1px solid var(--border-light);background:var(--surface);cursor:pointer;border-radius:2px;place-items:center;font-size:1.45rem;line-height:1;display:grid;position:relative}.comment-avatar-grid input{opacity:0;pointer-events:none;position:absolute}.comment-avatar-grid label:hover{border-color:var(--border)}.comment-avatar-grid label:has(input:checked){border-color:var(--link);box-shadow:0 0 0 1px var(--link)}.comment-avatar-grid label:has(input:focus-visible){outline:2px solid var(--link);outline-offset:2px}.comment-actions{flex-wrap:wrap;align-items:center;gap:.4rem .9rem;display:flex}.comment-submit{font:inherit;color:var(--surface);background:var(--link);border:1px solid var(--link);cursor:pointer;border-radius:2px;padding:.3rem .9rem;font-size:.85rem;font-weight:700}.comment-submit:hover{text-decoration:underline}.comment-submit:disabled{opacity:.6;cursor:progress;text-decoration:none}.comment-error{color:var(--redlink);margin:0;font-size:.8rem}.comment-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}@media (width<=760px){.comments{--avatar-size:2.4rem}.comment .comment-list{margin-left:.4rem;padding-left:.7rem}.comment-form{padding:.8rem}.comment-form.is-reply{margin-left:0}}@media (width<=520px){.comment-avatar-grid{grid-template-columns:repeat(5,minmax(0,3rem))}}