.news-comments{border-top:1px solid var(--mj-line,#dce6ee);margin-top:48px;padding-top:32px}.news-comments-title{align-items:center;color:var(--mj-navy,#00639a);display:flex;font-size:24px;gap:12px;margin:0 0 20px}.comment-list{display:grid;gap:14px;list-style:none;margin:0;padding:0}.comment{background:var(--mj-card,#fff);border:1px solid var(--mj-line,#dce6ee);border-radius:16px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr);padding:16px 18px}.comment-avatar{background:var(--mj-blush-soft,#e6f2fb);border-radius:50%;color:var(--mj-coral-ink,#005688);display:grid;font-size:14px;font-weight:800;height:42px;place-items:center;width:42px}.comment-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:4px 12px;margin-bottom:6px}.comment-head strong{color:var(--mj-navy,#00639a);font-size:15.5px}.comment-head time{color:var(--mj-muted,#5b6b78);font-size:13px}.comment-body p{color:var(--mj-ink,#23343f);font-size:15px;line-height:1.65;margin:0;overflow-wrap:anywhere;white-space:pre-line}.comment-empty{color:var(--mj-muted,#5b6b78)}.comment-form{background:var(--mj-cream,#f3f8fc);border-radius:18px;display:grid;gap:14px;margin-top:28px;padding:24px}.comment-form h3{color:var(--mj-navy,#00639a);font-size:19px;margin:0}.comment-field{display:grid;gap:6px}.comment-field label{font-size:14px;font-weight:700}.comment-field label span{color:#c8103c}.comment-field input,.comment-field textarea{background:var(--mj-card,#fff);border:1px solid var(--mj-line,#dce6ee);border-radius:12px;color:inherit;font:inherit;padding:12px 14px;resize:vertical;width:100%}.comment-field input:focus,.comment-field textarea:focus{border-color:var(--mj-coral,#0084cc);outline:3px solid rgba(0,132,204,.2)}.comment-field [aria-invalid=true]{border-color:#dc2626}.comment-hp{height:1px;left:-9999px;opacity:0;position:absolute;width:1px}.comment-note{color:var(--mj-muted,#5b6b78);font-size:13.5px;margin:0}.comment-note-enter-active{transition:opacity .3s ease,transform .3s ease}.comment-note-enter-from{opacity:0;transform:translateY(-6px)}.comment-sent{align-items:center;background:#e6f2fb;border-radius:12px;color:#005688;display:flex;font-weight:600;gap:10px;padding:12px 14px}.comment-form .button{align-items:center;display:inline-flex;gap:8px;justify-self:start}html[data-theme=dark] .comment-form{background:#ffffff0a}html[data-theme=dark] .comment-body p{color:#dbe6ee}html[data-theme=dark] .comment-sent{background:#0084cc29;color:#86caf3}
