.comments{max-width:820px}.comments__title{margin:0 0 var(--space-24);font-family:var(--font-title);font-size:var(--h2-size);line-height:var(--h2-lh)}.comments__count{color:var(--text-muted);font-weight:500}.comments__notice{gap:var(--space-12);margin:0 0 var(--space-32);padding:var(--space-16);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);font-size:var(--body-sm-size);line-height:var(--body-sm-lh);color:var(--text-muted);align-items:flex-start;display:flex}.comments__notice .icon{color:var(--info);flex:none;font-size:20px}.comments__empty{margin:0 0 var(--space-32);color:var(--text-muted)}.comment-list{margin:0 0 var(--space-48);gap:var(--space-16);padding:0;list-style:none;display:grid}.comment{padding:var(--space-24);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface)}.comment--reply{margin:var(--space-16) 0 0 var(--space-32);background:var(--surface-sunken)}.comment__head{align-items:center;gap:var(--space-12);margin-bottom:var(--space-12);display:flex}.comment__avatar{border-radius:var(--radius-full);background:var(--surface-sunken);width:40px;height:40px;color:var(--text-muted);font-size:var(--caption-size);flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.comment--reply .comment__avatar{background:var(--surface)}.comment__avatar img{object-fit:cover;object-position:50% 12%;width:100%;height:100%;position:absolute;inset:0}.comment__head b{font-size:var(--body-sm-size);line-height:var(--body-sm-lh);display:block}.comment__head time{font-size:var(--caption-size);line-height:var(--caption-lh);color:var(--text-muted);display:block}.comment__badge{margin-left:var(--space-8);padding:1px var(--space-8);border-radius:var(--radius-full);border:1px solid var(--border-strong);font-size:var(--caption-size);letter-spacing:.04em;color:var(--text-muted);font-weight:700}.comment__text{line-height:var(--body-lg-lh);white-space:pre-line;overflow-wrap:anywhere;margin:0}.comment__actions{margin-top:var(--space-12)}.comment__reply-btn{cursor:pointer;font:inherit;font-size:var(--body-sm-size);color:var(--text-muted);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.comment__reply-btn:hover{color:var(--text)}.comment__reply-btn:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px}.comment__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.comment-form{gap:var(--space-16);padding:var(--space-32);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);display:grid}.comment-form h3{font-family:var(--font-title);font-size:var(--h4-size);line-height:var(--h4-lh);margin:0}.comment-form__replying{font-size:var(--body-sm-size);color:var(--text-muted);margin:0}.comment-form__row{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:start;display:grid}.comment-form textarea{min-height:120px}.comment-form [aria-invalid=true]{border-color:var(--error)}.comment-form__foot{justify-content:space-between;align-items:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.comment-form__foot p{font-size:var(--caption-size);line-height:var(--caption-lh);color:var(--text-muted);max-width:46ch;margin:0}.comment-form__done{padding:var(--space-16);border-radius:var(--radius-md);border:1px solid var(--success);color:var(--text);background:color-mix(in srgb, var(--success) 8%, transparent);margin:0}.comment-form__done:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:2px}@media (max-width:640px){.comment-form{padding:var(--space-24)}.comment-form__row{grid-template-columns:minmax(0,1fr)}.comment--reply{margin-left:var(--space-16)}}@media print{.comment-form,.comment__actions{display:none!important}}