.page-tin-tuc { background: #F4F7FB; color: #333333; }
.page-tin-tuc a { transition: color .2s ease; }
.page-tin-tuc__hero-section { padding: 10px 16px 0; max-width: 1280px; margin: 0 auto; box-sizing: border-box; }
.page-tin-tuc__hero-wrapper { background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(47, 107, 255, .15); border: 1px solid #D6E2FF; display: flex; flex-direction: column; }
.page-tin-tuc__hero-image-wrap { width: 100%; }
.page-tin-tuc__hero-image { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 17 / 7; object-fit: cover; }
.page-tin-tuc__hero-content { padding: 24px 24px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.page-tin-tuc__hero-title { margin: 0 0 12px; font-size: clamp(1.6rem, 4vw, 2.4rem); line-height: 1.25; font-weight: 800; color: #1F2D3D; }
.page-tin-tuc__hero-subtitle { max-width: 680px; margin: 0 0 18px; color: #1F2D3D; font-size: clamp(1rem, 2vw, 1.1rem); line-height: 1.6; }
.page-tin-tuc__btn { display: inline-block; font-weight: 700; text-decoration: none; border: none; cursor: pointer; border-radius: 999px; padding: 12px 28px; font-size: 1rem; line-height: 1.4; transition: opacity .2s ease, transform .2s ease; color: #fff; }
.page-tin-tuc__btn--primary { background: linear-gradient(180deg, #4A8BFF 0%, #2F6BFF 100%); }
.page-tin-tuc__btn:hover { opacity: .92; }
.page-tin-tuc__btn--large { padding: 16px 42px; font-size: 1.1rem; }
.page-tin-tuc__featured-section { padding: 40px 16px 24px; max-width: 1280px; margin: 0 auto; }
.page-tin-tuc__section-heading { text-align: center; max-width: 640px; margin: 0 auto 32px; }
.page-tin-tuc__section-title { font-size: clamp(1.4rem, 3vw, 2rem); color: #1F2D3D; margin: 0 0 8px; line-height: 1.3; }
.page-tin-tuc__section-lead { color: #1F2D3D; margin: 0; font-size: 1rem; line-height: 1.5; opacity: .85; }
.page-tin-tuc__featured-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.page-tin-tuc__featured-card { background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid #D6E2FF; text-decoration: none; color: #1F2D3D; display: flex; flex-direction: column; transition: box-shadow .2s ease, transform .2s ease; }
.page-tin-tuc__featured-card:hover { box-shadow: 0 12px 28px rgba(47, 107, 255, .2); transform: translateY(-4px); }
.page-tin-tuc__featured-figure { margin: 0; flex-shrink: 0; }
.page-tin-tuc__featured-image { display: block; width: 100%; max-width: 100%; aspect-ratio: 2 / 1; height: auto; object-fit: cover; }
.page-tin-tuc__featured-body { padding: 18px 20px 22px; }
.page-tin-tuc__category-tag { background: #F4F7FB; border: 1px solid #D6E2FF; color: #1F2D3D; border-radius: 999px; font-size: .78rem; font-weight: 600; padding: 4px 12px; }
.page-tin-tuc__featured-title { font-size: 1.2rem; margin: 14px 0 8px; color: #1F2D3D; line-height: 1.4; }
.page-tin-tuc__featured-excerpt { font-size: .95rem; line-height: 1.6; margin: 0 0 14px; color: #1F2D3D; opacity: .85; }
.page-tin-tuc__read-more { color: #2F6BFF; font-size: .9rem; font-weight: 600; text-decoration: none; }
.page-tin-tuc__updates-section { padding: 24px 16px 48px; max-width: 1000px; margin: 0 auto; }
.page-tin-tuc__timeline { display: flex; flex-direction: column; gap: 28px; }
.page-tin-tuc__timeline-item { background: #fff; border-radius: 16px; border: 1px solid #D6E2FF; overflow: hidden; display: flex; flex-direction: column; padding: 24px; gap: 16px; box-shadow: 0 4px 16px rgba(0, 0, 0, .05); }
.page-tin-tuc__timeline-thumb { flex-basis: 42%; overflow: hidden; border-radius: 12px; }
.page-tin-tuc__timeline-image { width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.page-tin-tuc__timeline-content { display: flex; flex-direction: column; }
.page-tin-tuc__timeline-date { font-size: .9rem; color: #1F2D3D; font-weight: 500; margin: 0 0 10px; text-transform: uppercase; letter-spacing: .3px; opacity: .75; }
.page-tin-tuc__timeline-title { font-size: 1.4rem; line-height: 1.35; color: #1F2D3D; margin: 0 0 10px; }
.page-tin-tuc__timeline-excerpt { font-size: 1rem; line-height: 1.6; color: #1F2D3D; margin: 0 0 14px; opacity: .85; }
.page-tin-tuc__newsletter-section { padding: 20px 16px 48px; }
.page-tin-tuc__newsletter-card { max-width: 920px; margin: 0 auto; background: linear-gradient(135deg, #2F6BFF 0%, #6FA3FF 100%); border-radius: 20px; padding: 32px 28px; text-align: center; box-shadow: 0 12px 30px rgba(47, 107, 255, .3); }
.page-tin-tuc__newsletter-title { color: #fff; font-size: clamp(1.3rem, 3vw, 1.9rem); font-weight: 800; margin: 0 0 12px; line-height: 1.4; }
.page-tin-tuc__newsletter-text { color: rgba(255, 255, 255, .95); margin: 0 0 24px; font-size: 1rem; line-height: 1.6; }
.page-tin-tuc__btn--large { padding: 15px 38px; font-size: 1.08rem; }
@media (max-width: 768px) {
 .page-tin-tuc__hero-section { padding: 8px 10px 0; }
 .page-tin-tuc__hero-title { font-size: clamp(1.4rem, 5vw, 1.8rem); }
 .page-tin-tuc__hero-content { padding: 18px 16px 24px; }
 .page-tin-tuc__btn { max-width: 100%; white-space: normal; word-break: break-word; }
 .page-tin-tuc__featured-grid { grid-template-columns: 1fr; }
 .page-tin-tuc__timeline-item { grid-template-columns: 1fr; }
 .page-tin-tuc__timeline-image { aspect-ratio: 16 / 10; }
 .page-tin-tuc__timeline-date { font-size: .85rem; }
 .page-tin-tuc__timeline-title { font-size: 1.2rem; }
 .page-tin-tuc__newsletter-card { padding: 24px 18px; }
 .page-tin-tuc img { max-width: 100% !important; height: auto !important; }
}
@media (min-width: 769px) {
 .page-tin-tuc__timeline-item { flex-direction: row; align-items: center; }
 .page-tin-tuc__timeline-thumb { flex-basis: 48%; margin: 0; }
 .page-tin-tuc__timeline-content { flex: 1; }
}