/* Community gallery: shared centred content grid with protected outer gutters. */
.ff-community-page {
    width: min(calc(100% - 128px), 1720px);
    margin-inline: auto;
    padding: 48px 0 88px;
}

.ff-community-page > header { margin: 0 0 32px; }
.ff-community-page h1 { font-family: Poppins, sans-serif; font-size: 32px; font-weight: 700; line-height: 40px; }
.ff-community-page__gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }

@media (max-width: 1024px) {
    .ff-community-page { width: min(calc(100% - 64px), 840px); padding: 36px 0 64px; }
    .ff-community-page__gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
}

@media (max-width: 640px) {
    .ff-community-page { width: calc(100% - 32px); padding: 28px 0 48px; }
    .ff-community-page h1 { font-size: 24px; line-height: 32px; }
    .ff-community-page > header { margin-bottom: 20px; }
    .ff-community-page__gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}