main {
  scroll-margin-top: 80px;
}

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

.community-hero-copy {
  max-width: 36rem;
}

.community-hero-meta {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.community-hero-image-wrapper,
.deck-gallery-image-wrapper,
.fan-art-image-wrapper {
  border-radius: var(--radius-2xl);
  overflow: hidden;
  border: 1px solid var(--color-border-subtle);
  box-shadow: var(--shadow-card);
}

.community-hero-image,
.deck-gallery-image,
.fan-art-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.community-section-header .community-section-subtitle {
  max-width: 44rem;
  margin-inline: auto;
  color: var(--color-text-muted);
}

.community-bullet-list {
  list-style: disc;
  padding-left: 1.25rem;
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.community-bullet-list li + li {
  margin-top: var(--space-2);
}

.community-core-grid,
.deck-gallery-grid,
.events-cards,
.fan-art-grid,
.qa-topics-grid,
.guidelines-grid {
  align-items: stretch;
}

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

.community-spotlight-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.deck-gallery-layout,
.fan-art-layout {
  display: flex;
  flex-direction: column;
}

.deck-gallery-caption,
.fan-art-caption {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  padding: var(--space-3) var(--space-4);
  background: rgba(5, 5, 24, 0.96);
}

.events-grid,
.player-spotlight-grid,
.qa-grid {
  align-items: flex-start;
  gap: var(--space-8);
}

.community-legal-links {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

@media (max-width: 767px) {
  .community-hero-grid,
  .events-grid,
  .player-spotlight-grid,
  .qa-grid {
    gap: var(--space-6);
  }

  .community-hero-copy {
    max-width: none;
  }

  .deck-gallery-caption,
  .fan-art-caption {
    padding-inline: var(--space-3);
  }
}