/* ============================================================
   Custom CSS — Nhà Hàng Ngon
   Các style tùy chỉnh bổ sung ngoài Tailwind / main.css
   ============================================================ */

/* ----------------------------------------------------------
   News Section Grid Layout
   Mobile: 1 cột full-width
   Desktop (≥1024px): Bài lớn 7fr | 2 Bài nhỏ 5fr
   ---------------------------------------------------------- */
.news-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    align-items: stretch;
}

@media (min-width: 1024px) {
    .news-grid {
        grid-template-columns: 7fr 5fr;
    }
}