/* ============================================
   Responsive Styles - Media Queries
   ============================================ */

@media (max-width: 1100px) {
    .results.day-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .results.day-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .app-card {
        padding: 24px;
    }
    
    .app-header h1 {
        font-size: 28px;
    }
}

@media (max-width: 520px) {
    .results.day-grid {
        grid-template-columns: 1fr;
    }
    
    .nav-links {
        display: none;
    }
    
    .navbar {
        padding: 0 16px;
    }
    
    .main-content {
        padding: 24px 16px;
    }
}