/* Community Page - minimal custom styles leveraging base.css */
.community-hero .hero-media img {
  border-radius: var(--radius-2xl);
  box-shadow: var(--shadow-lg);
}

.community-hero {
  background: linear-gradient(180deg, var(--color-surface-elevated), var(--color-surface));
}

/* Improve spacing for details/summary in Q&A */
details > summary {
  cursor: pointer;
  padding: var(--space-2) 0;
}

details[open] > summary {
  color: var(--color-primary);
}

/* Fine-tune card grids on narrow viewports */
@media (max-width: 768px) {
  .community-hero .hero-media img {
    width: 100%;
    height: auto;
  }
}