.article-comments{background:var(--bg-primary);border-radius:var(--radius);flex-direction:column;gap:16px;margin-top:24px;padding:16px 0;display:flex}.article-comments h3{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.comments-auth-prompt{text-align:center;background:var(--bg-secondary);color:var(--text-secondary);border-radius:10px;padding:16px;font-size:14px}.comments-auth-prompt a{color:var(--accent)}.comment-form{flex-direction:column;gap:8px;display:flex}.comment-form__textarea{resize:vertical;border:.5px solid var(--border);background:var(--bg-secondary);width:100%;min-height:80px;color:var(--text-primary);font:inherit;box-sizing:border-box;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.comment-form__textarea:focus{border-color:var(--accent)}.comment-form__actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.comment-form__error{color:var(--accent-error);margin-right:auto;font-size:13px}.comment-form__btn{cursor:pointer;border:0;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500}.comment-form__btn--primary{background:var(--accent);color:var(--accent-inverse)}.comment-form__btn--primary:disabled{opacity:.5;cursor:not-allowed}.comment-form__btn--ghost{color:var(--text-secondary);background:0 0}.comment-list{flex-direction:column;gap:8px;display:flex}.comment-list--empty{text-align:center;color:var(--text-tertiary);padding:16px;font-size:14px}.comment-item{background:var(--bg-secondary);border-radius:10px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.comment-item__head{align-items:baseline;gap:8px;font-size:13px;display:flex}.comment-item__name{color:var(--text-primary);font-weight:600}.comment-item__time{color:var(--text-tertiary)}.comment-item__edited{font-style:italic}.comment-item__body{color:var(--text-primary);word-wrap:break-word;font-size:14px;line-height:1.5}.comment-item__body a{color:var(--accent)}.comment-item__actions{gap:12px;margin-top:4px;display:flex}.comment-item__action{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}.comment-item__action:hover{color:var(--text-primary)}.comment-item__action--danger{color:var(--accent-error)}
