.community-hero {
  position: relative;
}

.community-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: center;
}

@media (max-width: 768px) {
  .community-hero__inner {
    grid-template-columns: minmax(0, 1fr);
  }
}

.community-hero__pill-nav {
  margin-top: var(--space-4);
}

.community-hero__media {
  display: flex;
  justify-content: center;
}

.community-hero__image-frame {
  max-width: 480px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-soft), var(--shadow-glow-primary);
}

.community-hero__image-frame img {
  width: 100%;
  height: auto;
}

.community-forum-grid {
  align-items: stretch;
}

.community-list {
  list-style: disc;
  padding-left: 1.25rem;
  margin-bottom: var(--space-3);
  color: var(--color-text-soft);
}

.community-list li + li {
  margin-top: 4px;
}

.community-card-link {
  margin-top: var(--space-2);
}

.community-events-grid {
  align-items: center;
  gap: var(--space-6);
}

.community-events-image-frame {
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.community-events-image-frame img {
  width: 100%;
  height: auto;
}

.community-event-row + .community-event-row {
  margin-top: var(--space-3);
}

.community-gallery-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: var(--space-6);
  align-items: stretch;
}

@media (max-width: 900px) {
  .community-gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.community-gallery-main-image {
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-soft);
}

.community-gallery-main-image img {
  width: 100%;
  height: auto;
}

.community-gallery-panels {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.community-gallery-card {
  height: 100%;
}

.community-gallery-cta {
  margin-top: var(--space-6);
}

.community-polls-grid {
  align-items: stretch;
}

.community-poll-form {
  margin-top: var(--space-3);
}

.community-poll-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: var(--space-3);
}

.community-poll-option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--font-size-sm);
  color: var(--color-text-soft);
}

.community-poll-option input[type="radio"] {
  accent-color: var(--color-primary);
}

.community-featured-grid {
  align-items: stretch;
}

.community-featured-card .badge {
  margin-bottom: var(--space-2);
}

.community-groups-grid {
  align-items: stretch;
}

.community-groups-cta {
  margin-top: var(--space-6);
}

.community-feedback {
  align-items: flex-start;
  gap: var(--space-6);
}

.community-feedback-form-wrapper {
  max-width: 520px;
  width: 100%;
}

@media (max-width: 900px) {
  .community-feedback {
    display: block;
  }

  .community-feedback-form-wrapper {
    margin-top: var(--space-4);
  }
}

.community-links-grid {
  align-items: stretch;
}

.community-links-cta {
  margin-top: var(--space-6);
}

.community-bottom-cta-actions {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
}