/* ══════════════════════════════════════════════════════════════════════════════
   COMMUNITY — Stats, team grid overrides
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── Community stats ── */
.community-stats{padding:64px 24px;background:var(--white);border-top:1px solid var(--neutral)}
.stats-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
  max-width:900px;margin:0 auto;text-align:center;
}
.stat-card{
  background:var(--white);border:1px solid var(--neutral);border-radius:16px;
  padding:32px 20px;transition:all .25s;
}
.stat-card:hover{border-color:var(--accent);box-shadow:0 8px 24px rgba(7,55,99,.08);transform:translateY(-2px)}
.stat-num{font-size:48px;font-weight:700;letter-spacing:-2px;color:var(--primary);margin-bottom:6px;line-height:1}
.stat-label{font-size:14px;font-weight:600;color:#555;line-height:1.4}

/* ── Community team — 5-column grid for 10 advisors ── */
.community-team .team-grid{grid-template-columns:repeat(5,1fr);gap:20px}
.community-team .team-card{text-decoration:none;color:inherit;display:block}
.community-team .team-card p{display:none}
.community-team .team-card .role{display:none}

/* ── Newsletter band (shared with resources, duplicated here for independence) ── */
.newsletter-band{
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  padding:88px 24px;color:#fff;text-align:center;
}
.newsletter-band .container{max-width:600px;margin:0 auto}
.newsletter-band h2{font-size:32px;font-weight:700;margin:0 0 12px;color:#fff;letter-spacing:-1px}
.newsletter-band>p,.newsletter-band .container>p{
  font-size:16px;color:rgba(255,255,255,.75);margin:0 0 32px;line-height:1.6;
}
.newsletter-band .newsletter-container{max-width:480px;margin:0 auto}

/* ══════════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════════════ */
@media(max-width:900px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .community-team .team-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-num{font-size:36px}
  .community-stats{padding:48px 16px}
  .community-team .team-grid{grid-template-columns:1fr 1fr}
  .newsletter-band{padding:64px 16px}
  .newsletter-band h2{font-size:26px}
}
