/*
P17 V10.5 — EXACT COMMUNITY / CONTRIBUTION CARD FIX
Scope: visual isolation only.
Does not change homepage HTML, backend, market data, formulas, payments, or entitlements.
*/

.community{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:15px!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(69,191,232,.10),transparent 34%),
    linear-gradient(145deg,#071820,#030b10)!important;
}

.community .fv-community-visual{
  display:none!important;
}

.community:after{
  display:none!important;
}

.community .fv-community-content{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}

.community .fv-community-content h2{
  margin:5px 0 7px!important;
}

.community .fv-community-content p{
  max-width:320px!important;
  margin:0 0 10px!important;
}

.community .fv-community-stats{
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:end!important;
  gap:7px!important;
  margin:9px 0!important;
}

.community .fv-btn{
  position:relative!important;
  z-index:4!important;
}

/* Contribution card: never reuse the Community infographic. */
.fv-contribution-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:14px!important;
  background:
    radial-gradient(circle at 84% 15%,rgba(22,217,176,.12),transparent 34%),
    linear-gradient(145deg,#071b20,#040c11)!important;
}

.fv-contribution-card .fv-contribution-visual{
  display:none!important;
}

.fv-contribution-card:after{
  display:none!important;
}

.fv-contribution-content{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
}

.fv-contribution-content h3{
  max-width:360px!important;
  margin:6px 0 10px!important;
}

.fv-contribution-steps{
  position:relative!important;
  z-index:4!important;
}

.fv-contribution-content .fv-btn{
  position:relative!important;
  z-index:4!important;
}

/* Keep the four opportunity cards visually balanced. */
.fv-opportunity-grid{
  align-items:stretch!important;
}

.fv-op-card,
.fv-contribution-card{
  min-width:0!important;
}

/* Tablet/mobile: retain the same isolation without changing the established layout. */
@media(max-width:850px){
  .community{
    padding:13px!important;
  }
  .fv-contribution-card{
    padding:13px!important;
  }
}

@media(max-width:430px){
  .community{
    padding:12px!important;
  }
  .fv-contribution-card{
    padding:12px!important;
  }
}