.engagement-page,.community-page{width:100%;max-width:none}.engagement-page__header,.community-page__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.engagement-page__header p,.community-page__header p{margin:0 0 8px;color:#3478f6;font-size:12px;font-weight:800;letter-spacing:.12em}.engagement-page__header h1,.community-page__header h1{margin:0;color:#182234;font-size:30px}.engagement-page__header span,.community-page__header span{display:block;margin-top:9px;color:#778399}.engagement-page__summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.engagement-page__summary article{position:relative;min-height:145px;padding:22px;border:1px solid #dce3ee;border-radius:14px;background:#fff;box-shadow:0 2px 6px rgba(24,34,52,.05)}.engagement-page__summary article>i{float:right;display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#eef5ff;color:#3478f6;font-size:19px}.engagement-page__summary span{display:block;color:#6f7c91;font-size:13px}.engagement-page__summary strong{display:block;margin:10px 0 7px;color:#172033;font-size:30px}.engagement-page__summary small{color:#8793a6}.engagement-page__summary .is-accent{background:linear-gradient(135deg,#285fda,#5c3be7);border-color:transparent}.engagement-page__summary .is-accent span,.engagement-page__summary .is-accent strong,.engagement-page__summary .is-accent small{color:#fff}.engagement-page__summary .is-accent>i{background:rgba(255,255,255,.16);color:#fff}.engagement-page__panel{margin-bottom:20px;padding:24px;border:1px solid #dce3ee;border-radius:14px;background:#fff}.engagement-page__panel-head{display:flex;justify-content:space-between;margin-bottom:18px}.engagement-page__panel h2{margin:0 0 6px;font-size:19px}.engagement-page__panel p{margin:0;color:#7b879a}.engagement-page__projects{display:grid;gap:10px}.engagement-project{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px;border:1px solid #e5eaf2;border-radius:11px}.engagement-project img,.engagement-project__image{width:58px;height:58px;border-radius:9px;object-fit:cover;background:#eff3f8}.engagement-project h3{margin:0 0 6px;font-size:15px}.engagement-project p{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engagement-project__metrics{display:flex;gap:8px}.engagement-project__metrics span{padding:8px 11px;border-radius:9px;background:#f5f7fb;color:#516078;font-size:13px}.engagement-page__audience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.engagement-audience{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #e5eaf2;border-radius:11px}.engagement-audience img,.engagement-audience i{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#eff5ff}.engagement-audience i{display:grid;place-items:center;color:#3478f6}.engagement-audience strong,.engagement-audience small{display:block}.engagement-audience small{margin-top:3px;color:#8793a6}.engagement-page__empty{padding:28px;text-align:center;color:#8793a6}@media(max-width:1000px){.engagement-page__summary{grid-template-columns:repeat(2,1fr)}.engagement-page__audience{grid-template-columns:1fr}}@media(max-width:640px){.engagement-page__header,.community-page__header{align-items:flex-start;flex-direction:column}.engagement-page__summary{grid-template-columns:1fr}.engagement-project{grid-template-columns:48px minmax(0,1fr)}.engagement-project__metrics{grid-column:1/-1}.engagement-project img,.engagement-project__image{width:48px;height:48px}}