.page-tin-tuc { color: #333333; max-width: 100%; overflow-x: hidden; }
.page-tin-tuc__featured-post { margin-bottom: 40px; }
.page-tin-tuc__featured-card { background: #FFFFFF; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); transition: transform 0.3s ease; }
.page-tin-tuc__featured-card:hover { transform: translateY(-4px); }
.page-tin-tuc__featured-image { width: 100%; max-width: 1200px; height: auto; object-fit: cover; display: block; }
.page-tin-tuc__featured-content { padding: 24px; }
.page-tin-tuc__featured-badge { background: #26A9E0; color: #FFFFFF; padding: 4px 12px; border-radius: 999px; font-size: 14px; font-weight: 600; }
.page-tin-tuc__featured-title { font-size: 1.2rem; color: #0477DB; margin-top: 12px; line-height: 1.4; }
.page-tin-tuc__featured-excerpt { font-size: 1rem; line-height: 1.6; margin-top: 10px; }
.page-tin-tuc__read-more-btn { display: inline-block; background: #26A9E0; color: #FFFFFF; text-decoration: none; margin-top: 16px; padding: 10px 24px; border-radius: 6px; font-weight: 700; font-size: 16px; }
.page-tin-tuc__news-section { max-width: 1000px; margin: 0 auto 40px; padding: 0 20px; }
.page-tin-tuc__news-card { background: #FFFFFF; border-radius: 8px; margin-bottom: 24px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s ease; }
.page-tin-tuc__news-card:hover { box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); }
.page-tin-tuc__news-card { display: flex; flex-direction: column; }
.page-tin-tuc__news-image { width: 100%; height: auto; object-fit: cover; display: block; }
.page-tin-tuc__news-content { padding: 20px; }
.page-tin-tuc__news-title { font-size: 1.2rem; color: #0477DB; line-height: 1.4; }
.page-tin-tuc__news-meta { font-size: 0.85rem; color: #777; margin-top: 8px; }
.page-tin-tuc__news-excerpt { margin-top: 12px; }
.page-tin-tuc__news-link { color: #26A9E0; font-weight: 700; display: inline-block; margin-top: 16px; text-decoration: none; }
.page-tin-tuc__news-link:hover { text-decoration: underline; }
.page-tin-tuc__promo-banner { background: linear-gradient(135deg, #26A9E0 0%, #007A99 100%); padding: 40px 20px; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; gap: 20px; }
.page-tin-tuc__promo-content { flex: 1; min-width: 280px; max-width: 600px; color: #FFFFFF; }
.page-tin-tuc__promo-title { color: #FFFFFF; font-size: 1.5rem;
}
.page-tin-tuc__promo-text { margin-top: 12px; line-height: 1.6; }
.page-tin-tuc__promo-button { display: inline-block; background: #FFFFFF; color: #0477DB; text-decoration: none; margin-top: 20px; padding: 12px 30px; border-radius: 6px; font-weight: 800; font-size: 16px; }
.page-tin-tuc__promo-image { width: 100%; max-width: 500px; height: auto; border-radius: 12px; }
.page-tin-tuc__tips-list { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }
.page-tin-tuc__tips-card { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 8px; padding: 24px; margin-bottom: 20px; }
.page-tin-tuc__tips-title { color: #0477DB; margin-bottom: 8px; }
.page-tin-tuc__tips-meta { font-size: 0.85rem; color: #666; margin-bottom: 12px; }
.page-tin-tuc__tips-excerpt { margin-bottom: 20px; }
.page-tin-tuc__tips-link { color: #26A9E0; font-weight: 700; text-decoration: none; }
.page-tin-tuc__tips-link:hover { text-decoration: underline; }
.page-tin-tuc__spotlight-cta { display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center; background: #FFFFFF; border-top: 2px solid #EA7C07; padding: 40px 20px; text-align: center; }
.page-tin-tuc__spotlight-text { font-size: 1.2rem; color: #000; max-width: 400px; }
.page-tin-tuc__spotlight-btn { display: inline-block; background: #EA7C07; color: #FFFFFF; text-decoration: none; padding: 12px 28px; border-radius: 6px; font-weight: 700; font-size: 16px; }
@media (max-width: 768px) {
  .page-tin-tuc { padding: 0 10px; }
  .page-tin-tuc__featured-card { margin: 20px 0; }
  .page-tin-tuc__featured-content, .page-tin-tuc__news-content, .page-tin-tuc__tips-card { padding: 16px; }
  .page-tin-tuc__tips-list { padding: 30px 0; }
  .page-tin-tuc__featured-title, .page-tin-tuc__news-title { font-size: 1.1rem; }
  .page-tin-tuc img { max-width: 100%; height: auto; }
  .page-tin-tuc__promo-banner { gap: 20px; }
  .page-tin-tuc__spotlight-text { font-size: 1.1rem; }
}