.article-comments{border-top:1px solid #e1e8ef;padding-top:30px;margin-top:36px!important}.article-comments>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.article-comments>header small{color:#e96538;font-size:12px;font-weight:900}.article-comments>header h2{color:#163653;font-size:24px;margin:4px 0 0!important}.article-comments>header h2 span{color:#7d8da0;font-size:14px}.article-comments>header button{color:#fff;font:inherit;cursor:pointer;background:#173b62;border:0;border-radius:11px;align-items:center;gap:7px;padding:12px 15px;font-size:13px;font-weight:900;display:flex}.article-comments>header button svg{width:17px}.comments-list{gap:12px;margin-top:20px;display:grid}.comment-card{background:#fbfcfd;border:1px solid #dfe7ef;border-radius:15px;grid-template-columns:44px 1fr;gap:12px;padding:15px;display:grid}.comment-avatar{color:#17436d;background:#eaf1f8;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.comment-card header{justify-content:space-between;gap:12px;display:flex}.comment-card header small{color:#8291a2;font-size:11px}.comment-card p{color:#42586f!important;margin:8px 0!important;font-size:14px!important;line-height:1.8!important}.comment-card footer{gap:6px;display:flex}.comment-card footer button{color:#66798e;cursor:pointer;background:#edf2f6;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 10px;display:flex}.comment-card footer button svg{width:14px}.comment-card footer button.selected{color:#fff;background:#173c65}.comments-empty,.comments-status,.comments-error{text-align:center;background:#fbfcfd;border:1px dashed #d5dfe8;border-radius:14px;color:#6e8094!important;margin-top:18px!important;padding:22px!important}.comments-empty{place-items:center;display:grid}.comments-empty svg{color:#e96538}.comments-empty strong{color:#27445f;margin-top:7px}.comments-empty p{margin:4px 0!important;font-size:13px!important}.comments-error{background:#fff5f1;border-color:#efbba8;color:#a34526!important}.comment-modal{z-index:300;backdrop-filter:blur(6px);background:#0c223caa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.comment-modal form{background:#f1f3f6;border-radius:22px;width:min(620px,100%);overflow:hidden;box-shadow:0 30px 80px #07192e66}.comment-modal form>header{color:#fff;background:linear-gradient(125deg,#123664,#205b91);grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 18px;display:grid}.comment-modal header button{color:#fff;font:inherit;cursor:pointer;background:#ffffff28;border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:900;display:flex}.comment-modal header button:last-child{justify-self:end}.comment-modal header button:disabled{opacity:.6}.comment-modal header svg{width:16px}.comment-fields{padding:18px}.comment-fields label{color:#29465f;background:#fff;border-bottom:1px solid #dfe5eb;grid-template-columns:70px 1fr;align-items:center;gap:10px;padding:0 16px;font-weight:800;display:grid}.comment-fields label:first-child{border-radius:12px 12px 0 0}.comment-fields label.comment-textarea{border:0;border-radius:0 0 12px 12px;align-items:start;padding-top:15px}.comment-fields input,.comment-fields textarea{width:100%;font:inherit;background:0 0;border:0;outline:0;padding:17px 0}.comment-fields textarea{resize:vertical;min-height:170px}.moderation-note{color:#748498!important;margin:0 18px 14px!important;font-size:11px!important}.comment-notice{background:#e8f6ef;border-radius:10px;font-weight:800;color:#287458!important;margin:0 18px 18px!important;padding:11px!important;font-size:12px!important}.modal-error{margin:0 18px 18px!important}@media (width<=650px){.article-comments>header button{padding:10px 12px}.comment-card{grid-template-columns:36px 1fr;padding:12px}.comment-avatar{width:35px;height:35px}.comment-modal{align-items:stretch;padding:0}.comment-modal form{border-radius:0;width:100%;height:100%}.comment-modal form>header{min-height:76px;position:sticky;top:0}.comment-fields{padding:20px 14px}.comment-fields label{grid-template-columns:62px 1fr}.comment-fields textarea{min-height:45vh}}