.comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line,#d7e5ee)}.comments-section>h2{margin:0 0 1rem;font-size:1.45rem}.comment-auth-box{border:1px solid #c9dbe6;border-radius:var(--radius-md,12px);background:#fff;padding:1rem;margin-bottom:1.25rem}.comment-auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.comment-auth-tabs button{border:1px solid var(--line,#d7e5ee);background:var(--surface-soft,#f4f8fb);color:var(--ink-soft,#4a6170);border-radius:999px;padding:.35rem .85rem;cursor:pointer}.comment-auth-tabs button.is-active{background:var(--accent-deep,#0b4f6c);border-color:var(--accent-deep,#0b4f6c);color:#fff}.comment-auth-form,.comment-form,.comment-reply-form{display:grid;gap:.75rem}.comment-auth-form label,.comment-form label{display:grid;gap:.35rem;font-size:.92rem;color:var(--ink-soft,#4a6170)}.comment-auth-form input,.comment-form textarea,.comment-reply-form textarea{width:100%;border:1px solid var(--line,#d7e5ee);border-radius:var(--radius-sm,8px);padding:.65rem .75rem;font:inherit;color:var(--ink,#102a38);background:#fff}.comment-auth-error{margin:0;color:#b42318;font-size:.9rem}.comment-empty,.comment-loading,.comment-login-hint{color:var(--ink-soft,#4a6170)}.comment-list{display:grid;gap:1rem;margin-top:1.25rem}.comment-item{border:1px solid #d7e5ee;border-radius:var(--radius-md,12px);background:#fff;padding:1rem}.comment-item-reply{margin-top:.85rem;margin-left:1rem}.comment-item-head{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center}.comment-item-avatar{width:2rem;height:2rem;border-radius:50%;background:var(--accent-deep,#0b4f6c);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.comment-item-head time{color:var(--ink-soft,#4a6170);font-size:.82rem}.comment-item-text{margin:.65rem 0 0;color:var(--ink,#102a38);line-height:1.65}.comment-item-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.comment-delete-btn,.comment-reaction-btn,.comment-reply-btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line,#d7e5ee);background:var(--surface-soft,#f4f8fb);border-radius:999px;padding:.25rem .7rem;font-size:.85rem;cursor:pointer}.comment-reaction-btn.is-active{background:#e8f4fa;border-color:#7eb8d4;color:var(--accent-deep,#0b4f6c)}.comment-delete-btn{color:#b42318;border-color:#fecdca;background:#fff5f5}.comment-reaction-btn:disabled{opacity:.55;cursor:not-allowed}.comment-reply-form{margin-top:.75rem}.comment-reply-actions{display:flex;gap:.5rem;flex-wrap:wrap}