.articles-site .article-community{color:#21324e;background:#fff;border:1px solid #d9e4f0;border-radius:22px;max-width:1020px;margin:38px auto 10px;padding:30px;box-shadow:0 8px 30px #1c33600f}.article-community-head{border-bottom:1px solid #e3eaf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.article-community-head h2{color:#183967;margin:8px 0;font-size:clamp(22px,2.3vw,29px)}.article-community-head p{color:#475b73;font-size:15px;line-height:2}.article-community-head small{color:#127981;font-weight:700}.article-community-stats{text-align:center;color:#234666;background:#eff7fa;border-radius:15px;gap:5px;min-width:170px;padding:14px;display:grid}.article-community-stats strong{color:#006b73;font-size:27px}.article-community-stats span,.article-community-stats small{font-size:12px}.article-community-list{gap:12px;margin-top:20px;display:grid}.article-comment{background:#fcfdff;border:1px solid #e0e8f2;border-radius:15px;padding:18px 20px}.article-comment header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.article-comment header strong{color:#163b66;font-size:15px}.article-comment header time{color:#607085;margin-inline-start:auto;font-size:12px}.article-comment p{white-space:pre-line;color:#243b54;margin:10px 0;font-size:15.5px;line-height:2.15}.article-staff-mark{color:#07684d;background:#e5f7f1;border-radius:22px;padding:3px 11px;font-size:12px;font-weight:800}.article-comment-answer{background:#f1f7fc;border-right:4px solid #13828d;border-radius:12px;margin:14px 8px 0 0;padding:15px}.article-comment button,.article-comment-form button{color:#125084;cursor:pointer;background:#f0f7ff;border:1px solid #b6d3e8;border-radius:10px;padding:10px 16px;font-weight:700}.article-comment-form{background:#f5f9fd;border-radius:17px;gap:12px;margin-top:24px;padding:24px;display:grid}.article-comment-form h3{color:#1b426f;margin:0;font-size:19px}.article-comment-form textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;color:#223650;background:#fff;border:1px solid #bbcade;border-radius:12px;padding:14px 18px;font-size:16px;line-height:2}.article-comment-form textarea:focus-visible{outline-offset:2px;outline:3px solid #97dce2}.article-comment-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.article-comment-controls button{color:#fff;background:#2155ac;padding:10px 22px}.article-comment-controls button:disabled{opacity:.5;cursor:not-allowed}.article-community-empty{color:#53677c;line-height:2}.article-comment-feedback{color:#15597f;font-weight:700}@media (max-width:640px){.articles-site .article-community{border-radius:15px;margin-top:24px;padding:16px}.article-comment-form{padding:16px}.article-community-stats{width:100%}}