/* ===== TABLET ===== */
@media (max-width: 900px) {
                    .stats-bar {
                        flex-direction: column;
                        gap: 16px;
                        padding: 16px;
                    }
                    
                    .news-grid {
                        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                        gap: 16px;
                    }
                    
                    .news-section {
                        margin: 16px 8px;
                        padding: 20px 16px;
                    }
                    
                    .category-grid {
                        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
                        gap: 12px;
                    }
                    
                    .companies-grid {
                        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
                        gap: 16px;
                    }
                    
                    .nav-container {
                        display: none;
                    }
                    
                    .nav-container-mobile {
                        display: flex;
                    }
                }

/* ===== MOBILE ===== */
@media (max-width: 600px) {
                    .news-card:nth-child(n+3) {
                        display: none;
                    }
                    
                    .news-header p {
                        display: none;
                    }
                    
                    .news-card {
                        padding: 16px;
                    }
                    
                    .stats-bar {
                        padding: 12px;
                    }
                    
                    .search-container {
                        padding: 0 16px;
                    }
                    
                    .companies-grid {
                        grid-template-columns: 1fr;
                        gap: 12px;
                    }
                    
                    .company-card {
                        padding: 16px;
                    }
                    
                    .category-nav,
                    .news-section {
                        margin: 12px 8px;
                        padding: 16px;
                    }
                    
                    .article-container {
                        margin: 12px 8px;
                        padding: 20px 16px;
                    }
                    
                    .article-title {
                        font-size: 1.6em;
                    }
                    
                    .article-meta {
                        flex-direction: column;
                        gap: 8px;
                    }
                    
                    footer nav a {
                        display: block;
                        margin: 10px 0;
                    }
                }