/* Community page specific styles (lean, complements base.css) */
.section-hero { padding-block: var(--space-16) var(--space-12); }
.hero-grid { grid-template-columns: 1.1fr 0.9fr; align-items: center; }
.hero-copy p { color: var(--color-text-muted); }
.hero-media { overflow: hidden; }

@media (max-width: 900px) {
  .hero-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-6); }
}

.section { padding-block: var(--space-12); }
.join-grid { align-items: start; }
.discussion-list { display: grid; gap: var(--space-4); padding: 0; margin: 0; }
.discussion-item { list-style: none; border: 1px solid var(--gray-700); border-radius: var(--radius-md); padding: var(--space-4); background: var(--color-surface-3); box-shadow: var(--shadow-sm); }
.discussion-item__meta { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); margin-bottom: var(--space-2); color: var(--gray-300); font-size: var(--fs-sm); }

.events-grid .card h3 { margin: 0; }
.gallery-grid figure { margin: 0; }

.group-filters { margin-bottom: var(--space-5); }
.group-results .group-card h4 { margin: 0 0 var(--space-2) 0; }
.group-results .group-card small { display: block; margin-top: var(--space-2); }

/* FAQ details */
.card details { padding: var(--space-3) 0; border-top: 1px solid var(--gray-700); }
.card details:first-of-type { border-top: 0; }
.card summary { cursor: pointer; font-weight: 600; }
.card summary:hover { color: var(--color-primary-400); }

/* Minor spacing adjustments */
.section h2 + p { color: var(--color-text-muted); }

/* Accessible utility tweaks for this page */
#groupCount, #postCount { font-variant-numeric: tabular-nums; }