/* FIX: Community page blank on mobile - ensure content is visible */

@media (max-width: 600px) {
    /* Ensure dc-layout is visible */
    .page-community .dc-layout {
        display: flex !important;
        flex-direction: column !important;
        min-height: calc(100vh - 120px) !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Ensure main content area is visible */
    .page-community .dc-main {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #0f1419 !important;
    }

    /* Ensure feed is visible */
    .page-community .dc-feed {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        overflow-y: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 1rem !important;
    }

    /* Make sure posts are visible */
    .page-community .dc-post {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-bottom: 1rem !important;
    }
}