.comments-section{max-width:760px;margin:42px auto 0;padding:24px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-solid)}.comments-section h3{margin:0 0 18px;font-size:22px}.comment-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}.comment-item{padding:14px 0;border-bottom:1px solid var(--border)}.comment-header{display:flex;justify-content:space-between;gap:12px;color:var(--subtle);font-size:13px}.comment-header strong{color:var(--text)}.comment-content{margin:8px 0 0;color:var(--text);line-height:1.7}.comment-like-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);padding:6px 11px;font:inherit;font-weight:700;font-size:13px;margin-top:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.comment-like-btn:hover{border-color:var(--border-strong);color:var(--text)}.comment-like-btn strong{color:var(--text);font-size:13px}.comment-like-btn.active{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-strong)}.comment-like-btn:disabled{opacity:.65;cursor:wait}.no-comments{color:var(--muted)}.comment-form{display:grid;gap:12px;margin-top:20px}.comment-form-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-form h4,.comment-form-head h4{margin:0;font-size:17px}.comment-form-head span{color:var(--muted);font-size:13px;font-weight:650}.comment-form input,.comment-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-2);padding:11px 12px;color:var(--text);font:inherit;transition:border-color .2s ease}.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--accent)}.comment-form button{justify-self:start;border:0;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);padding:10px 18px;font-weight:700;cursor:pointer;transition:filter .2s ease}.comment-form button:hover{filter:brightness(1.05)}.comment-form button:disabled{opacity:.6;cursor:wait}.comment-anonymous-toggle{display:inline-flex;align-items:center;gap:8px;justify-self:start;color:var(--muted);font-size:13px;font-weight:650;cursor:pointer}.comment-anonymous-toggle input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.comment-login{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted)}.comment-login a{color:var(--text);font-weight:700;text-decoration:none}.comment-login a:hover{color:var(--accent-strong)}.success-msg{margin:0;color:color-mix(in srgb,var(--accent-strong) 70%,var(--text))}.error-msg{margin:0;color:#d23f3f}@media (max-width: 760px){.comments-section{margin:32px 0 0;padding:20px}}@media (max-width: 480px){.comments-section{padding:16px}.comment-form input,.comment-form textarea{font-size:16px}}