/* ===== NEWS / TIN TỨC PAGE CSS (extracted from tin-tuc.html inline) ===== */
.news-page{padding:40px 0 64px}
.news-featured{display:block;background:#fff;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:32px;border:1px solid var(--border);transition:box-shadow .3s}
.news-featured:hover{box-shadow:0 10px 40px rgba(0,0,0,.06)}
.news-featured__inner{display:flex;flex-direction:column}
@media(min-width:768px){.news-featured__inner{flex-direction:row}}
.news-featured__img-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}
@media(min-width:768px){.news-featured__img-wrap{width:60%;aspect-ratio:auto}}
.news-featured__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}
.news-featured:hover .news-featured__img{transform:scale(1.05)}
.news-featured__body{padding:24px;display:flex;flex-direction:column;justify-content:center;flex:1}
@media(min-width:768px){.news-featured__body{padding:40px}}
.news-featured__cat{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red);margin-bottom:12px}
.news-featured__title{font-size:24px;font-weight:800;line-height:1.3;margin-bottom:12px;color:var(--text);transition:color .2s}
@media(min-width:768px){.news-featured__title{font-size:32px}}
.news-featured:hover .news-featured__title{color:var(--red)}
.news-featured__excerpt{font-size:15px;color:var(--text-muted);margin-bottom:24px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-featured__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:24px;border-top:1px solid var(--border)}
.news-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:640px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.news-grid{grid-template-columns:repeat(3,1fr)}}
.news-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all .3s;height:100%}
.news-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.06);transform:translateY(-4px)}
.news-card__img-wrap{position:relative;aspect-ratio:16/9;overflow:hidden}
.news-card__img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease-out}
.news-card:hover .news-card__img{transform:scale(1.05)}
.news-card__body{padding:20px;display:flex;flex-direction:column;flex:1}
.news-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.news-card__cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--red)}
.news-date{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}
.news-card__title{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:12px;color:var(--text);transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.news-card:hover .news-card__title{color:var(--red)}
.news-card__excerpt{font-size:14px;color:var(--text-muted);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}
.news-card__footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}
.news-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);transition:gap .3s,color .2s}
.news-card:hover .news-more,.news-featured:hover .news-more{gap:10px;color:var(--red)}