/* ── JOIN PAGE ───────────────────────────────────────────── */
.join-hero-bg {
  background-image: url('https://images.unsplash.com/photo-1569242840510-9fe6f0112cee?w=1920&q=80');
}

/* ── CARD BODY VARIANTS ──────────────────────────────────── */
.card-body--center { text-align: center; padding: 48px 28px; }
.card-body--flush  { padding: 0; }

/* ── DISCORD BUTTON LARGE VARIANT ────────────────────────── */
.btn-discord--lg { font-size: .9rem; padding: 16px 40px; }

/* ── COMPACT ROLE CARDS GRID ─────────────────────────────── */
.feature-grid--compact {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.feature-card--compact { padding: 20px; gap: 8px; }
.feature-card--compact .feature-card-suit { font-size: 1.2rem; }
.feature-card--compact h3 { font-size: .82rem; }
.feature-card--compact p  { font-size: .78rem; }

/* ── CTA WRAPPER ─────────────────────────────────────────── */
.join-cta { text-align: center; }