/* Extracted from the <style> block of en/news.html + zh/news.html
   (identical content) during the 2026-08-28 CSP slim-down. */
.news-page-hero { padding-top: 160px; padding-bottom: 48px; background: linear-gradient(180deg, #f4f7fb 0%, #ffffff 100%); }
.news-cat-btn { padding: 10px 18px; border: 1px solid #d8dee6; background: #fff; color: #0a2540; font-size: 14px; font-weight: 600; cursor: pointer; transition: all .2s; }
.news-cat-btn:hover { border-color: #0E73BA; color: #0E73BA; }
.news-cat-btn.active { background: #0E73BA; color: #fff; border-color: #0E73BA; }
/* Inline grid layout (Tailwind chưa rebuild với news.html — đảm bảo responsive độc lập) */
#news-page-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 640px) { #news-page-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { #news-page-grid { grid-template-columns: repeat(3, 1fr); } }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
