/* Community page specific styles (built on base.css) */

.hero-figure {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.cta-explore {
  background: linear-gradient(180deg, var(--color-bg-secondary) 0%, #fff 100%);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero .grid {
    gap: var(--space-6);
  }
}