@media screen and (max-width: 1024px) {
        body {
                overflow-x: hidden;
        }

        .community-page {
                padding: clamp(20px, 6vw, 36px);
        }

        .community-card {
                border-radius: 24px;
        }

        .community-hero__layout {
                display: flex;
                flex-direction: column;
        }

        .community-hero__search {
                width: 100%;
        }

        .community-hero__title {
                white-space: normal;
        }

        .image-container {
                gap: 8px;
                box-sizing: border-box;
        }
}

@media screen and (max-width: 768px) {
        .community-hero__search {
                padding: 20px;
        }

        .search-container {
                flex-direction: column;
        }

        .community-search-modal {
                padding: 48px 14px 24px;
        }

        .community-search-modal__panel {
                border-radius: 20px;
        }

        .community-search-modal__body {
                gap: 18px;
        }
}

@media screen and (max-width: 640px) {
        .community-page {
                padding: 18px;
        }

        .community-card {
                padding: 22px;
        }

        .image-container {
                flex-direction: column;
        }

        .scroll-to-top {
                width: 44px;
                height: 44px;
        }

        .community-search-modal__panel {
                width: 100%;
        }

        .community-search-modal__header {
                padding: 20px;
        }

        .community-search-modal__body {
                padding: 20px;
        }

        .community-search-result {
                flex-wrap: wrap;
                gap: 12px;
        }

        .community-search-result__keyword {
                margin-left: auto;
        }
}