/* Responsive Styles for Assessment Challenges and Arcturus Help */

@media (max-width: 768px) {
    .challenges-arcturus-container {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

@media (max-width: 480px) {
    .challenges-arcturus-container {
        padding: 16px !important;
    }
}

/* Responsive Styles for Celebration Section */
@media (max-width: 768px) {
    /* Celebration header adjusts for mobile */
    .celebration-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        text-align: left !important;
    }
    
    /* Make celebration grid single column on tablets */
    [style*="grid-template-columns: repeat(auto-fill, minmax(280px, 1fr))"] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 480px) {
    /* Smaller padding on mobile for celebration section */
    [style*="background: linear-gradient(135deg, #10B981 0%, #059669 100%)"] {
        padding: 24px 16px !important;
    }
    
    /* Smaller icon on mobile */
    .celebration-icon {
        width: 48px !important;
        height: 48px !important;
    }
    
    /* Adjust font sizes for mobile */
    .celebration-title {
        font-size: 20px !important;
    }
    
    .celebration-subtitle {
        font-size: 14px !important;
    }
}