.page-tin-tuc{background-color:#F5F7FA;color:#333333;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;box-sizing:border-box}
.page-tin-tuc *,.page-tin-tuc *::before,.page-tin-tuc *::after{box-sizing:inherit}
.page-tin-tuc a{text-decoration:none;color:#0477db}
.page-tin-tuc img{max-width:100%;height:auto;object-fit:cover}
.page-tin-tuc__container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.page-tin-tuc__hero-section{padding-top:10px;background-color:#F5F7FA}
.page-tin-tuc__hero-wrapper{display:flex;flex-direction:column;gap:8px;padding:0 0 24px 0}
.page-tin-tuc__hero-image-wrap{width:100%;display:flex;justify-content:center}
.page-tin-tuc__hero-image{width:100%;max-width:1200px;height:auto;aspect-ratio:16/6;object-fit:cover;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,0.08);display:block}
.page-tin-tuc__hero-content{width:100%;max-width:1200px;text-align:center;padding:20px 12px 0 12px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px}
.page-tin-tuc__hero-title{margin:0 0 12px 0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;line-height:1.3;letter-spacing:0.5px;color:#222222;max-width:980px;text-align:center}
.page-tin-tuc__hero-title a{color:#0477db}
.page-tin-tuc__hero-description{font-size:1.1rem;margin:0 0 20px 0;color:#4A4A4A;max-width:900px;text-align:center}
.page-tin-tuc__hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px;width:100%;max-width:100%;overflow:hidden}
.page-tin-tuc__btn{display:inline-block;padding:12px 28px;border-radius:6px;font-size:1rem;font-weight:bold;cursor:pointer;transition:all 0.3s ease;color:#ffffff;border:2px solid transparent;text-align:center;background-image:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word;margin:8px 0}
.page-tin-tuc__btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,0.15)}
.page-tin-tuc__btn--primary{background-image:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);border-radius:999px}
.page-tin-tuc__btn--secondary{color:#0477db;border-color:#0477db;background:#ffffff;background-image:none}
.page-tin-tuc__btn--secondary:hover{background:#0477db;color:#ffffff}
.page-tin-tuc__btn--orange{background-image:linear-gradient(180deg, #FF5A4F 0%, #E53935 100%);border-radius:999px}
.page-tin-tuc__btn--light{background:#ffffff;color:#0477db;background-image:none;border-radius:999px}
.page-tin-tuc__btn--light:hover{background:#f0f0f0}
.page-tin-tuc__featured-section{padding:24px 0 8px 0;background-color:#FFFFFF;border-top:1px solid #E0E0E0}
.page-tin-tuc__section-title{font-size:1.6rem;font-weight:800;color:#222222;text-align:center;margin:12px 0 20px;line-height:1.3}
.page-tin-tuc__featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:8px 0 24px}
.page-tin-tuc__featured-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:0 0 16px;overflow:hidden;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.page-tin-tuc__featured-card:hover{box-shadow:0 6px 18px rgba(0,0,0,0.08)}
.page-tin-tuc__featured-card .page-tin-tuc__featured-image{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.page-tin-tuc__featured-content{padding:16px 16px 4px}
.page-tin-tuc__featured-date{font-size:0.85rem;color:#666666;margin:0 0 4px}
.page-tin-tuc__featured-title{font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 8px}
.page-tin-tuc__featured-title a{color:#0477db}
.page-tin-tuc__featured-title a:hover{text-decoration:underline}
.page-tin-tuc__featured-description{font-size:0.95rem;color:#4A4A4A;margin:0 0 12px}
.page-tin-tuc__latest-section{padding:24px 0;background-color:#FFFFFF;border-top:1px solid #E0E0E0}
.page-tin-tuc__section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;width:100%;max-width:100%;overflow:hidden;margin-bottom:8px}
.page-tin-tuc__view-all{display:inline-block;background-color:#0477db;color:#ffffff;padding:8px 20px;border-radius:999px;font-size:0.9rem;font-weight:bold;transition:all 0.3s}
.page-tin-tuc__view-all:hover{opacity:0.9}
.page-tin-tuc__latest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px}
.page-tin-tuc__latest-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;transition:all 0.3s}
.page-tin-tuc__latest-card:hover{box-shadow:0 6px 14px rgba(0,0,0,0.08);transform:translateY(-4px)}
.page-tin-tuc__latest-card .page-tin-tuc__latest-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.page-tin-tuc__latest-content{padding:16px}
.page-tin-tuc__latest-title{font-size:1rem;font-weight:700;margin:0 0 6px;line-height:1.4}
.page-tin-tuc__latest-title a{color:#0477db}
.page-tin-tuc__latest-title a:hover{text-decoration:underline}
.page-tin-tuc__latest-meta{font-size:0.85rem;color:#666666;margin:0 0 12px}
.page-tin-tuc__latest-description{font-size:0.92rem;color:#4A4A4A;margin:0 0 16px}
.page-tin-tuc__read-more{color:#0477db;font-weight:600;font-size:0.95rem}
.page-tin-tuc__read-more:hover{color:#E53935}
.page-tin-tuc__guide-section{padding:24px 0;background-color:#F5F7FA;border-top:1px solid #E0E0E0}
.page-tin-tuc__guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:12px}
.page-tin-tuc__guide-item{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;overflow:hidden;padding:0}
.page-tin-tuc__guide-item .page-tin-tuc__guide-figure{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.page-tin-tuc__guide-content{padding:24px}
.page-tin-tuc__guide-title{font-size:1.3rem;font-weight:800;color:#222222;margin:0 0 12px}
.page-tin-tuc__guide-content p{color:#4A4A4A;font-size:1rem;line-height:1.6;margin:0 0 16px}
.page-tin-tuc__guide-content .page-tin-tuc__btn{width:auto;display:inline-block}
.page-tin-tuc__faq-section{padding:24px 0;background-color:#FFFFFF;border-top:1px solid #E0E0E0}
.page-tin-tuc__faq-list{max-width:900px;margin:0 auto;padding:0 8px}
.page-tin-tuc__faq-item{border:1px solid #E0E0E0;border-radius:8px;margin-bottom:10px;background:#FFFFFF}
.page-tin-tuc__faq-question{padding:20px;font-size:1.05rem;font-weight:bold;color:#222222;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.page-tin-tuc__faq-question::after{content:'+'}
.page-tin-tuc__faq-item[open] .page-tin-tuc__faq-question::after{content:'-'}
.page-tin-tuc__faq-answer{padding:0 20px 12px}
.page-tin-tuc__faq-answer p{color:#4A4A4A;margin:0 0 8px;font-size:0.98rem}
.page-tin-tuc__promo-section{padding:48px 24px 56px;background-color:#E53935;text-align:center}
.page-tin-tuc__promo-banner{max-width:800px;margin:0 auto}
.page-tin-tuc__promo-title{color:#ffffff;font-size:1.8rem;font-weight:800;line-height:1.3;margin-bottom:16px}
.page-tin-tuc__promo-title a{color:#ffffff;text-decoration:underline}
.page-tin-tuc__promo-description{color:#ffffff;font-size:1.05rem;margin:0 0 24px;line-height:1.6}
.page-tin-tuc__promo-banner .page-tin-tuc__btn{min-width:200px}

@media (max-width:1024px){
.page-tin-tuc__container{padding:0 14px}
.page-tin-tuc__hero-image{width:100%;max-width:100%;aspect-ratio:16/5}
.page-tin-tuc__hero-title{font-size:clamp(1.3rem,2.8vw,2rem)}
.page-tin-tuc__featured-image,.page-tin-tuc__latest-image,.page-tin-tuc__guide-figure{width:100%;height:auto;max-width:100%}
.page-tin-tuc__featured-grid,.page-tin-tuc__latest-grid{grid-template-columns:repeat(2,1fr);gap:16px}
}

@media (max-width:768px){
.page-tin-tuc{padding-top:0;margin-top:0;overflow-x:hidden;max-width:100%}
.page-tin-tuc__container{padding:0 14px;max-width:100%}
.page-tin-tuc__hero-section{padding-top:10px}
.page-tin-tuc__hero-wrapper{flex-direction:column;gap:0}
.page-tin-tuc__hero-image{width:100%;aspect-ratio:16/9;border-radius:12px}
.page-tin-tuc__hero-content{text-align:center;padding:16px 10px 0}
.page-tin-tuc__hero-title{font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.4;max-width:100%}
.page-tin-tuc__hero-description{font-size:0.98rem;line-height:1.6;text-align:left;margin:0 0 16px}
.page-tin-tuc__hero-actions{flex-direction:column}
.page-tin-tuc__hero-actions .page-tin-tuc__btn{width:100%;margin:4px 0;text-align:center}
.page-tin-tuc__btn,.page-tin-tuc__btn:hover{max-width:100%;box-sizing:border-box;white-space:normal;word-wrap:break-word}
.page-tin-tuc__section-title{font-size:1.3rem;margin:12px 0 16px}
.page-tin-tuc__featured-grid{grid-template-columns:1fr}
.page-tin-tuc__featured-card{flex-direction:column;text-align:left}
.page-tin-tuc__featured-card .page-tin-tuc__featured-image,.page-tin-tuc__latest-card .page-tin-tuc__latest-image,.page-tin-tuc__guide-item .page-tin-tuc__guide-figure{max-width:100%!important;height:auto!important;width:100%!important;object-fit:cover}
.page-tin-tuc__latest-grid{grid-template-columns:1fr}
.page-tin-tuc__guide-grid{grid-template-columns:1fr;gap:20px}
.page-tin-tuc__guide-content{padding:16px}
.page-tin-tuc__guide-content .page-tin-tuc__btn{width:100%;text-align:center}
.page-tin-tuc__guide-item .page-tin-tuc__guide-figure{max-width:100%!important;height:auto!important}
.page-tin-tuc__section-header{flex-direction:column;align-items:flex-start}
.page-tin-tuc__view-all{width:auto;text-align:center}
.page-tin-tuc__promo-section{padding:32px 16px 40px}
.page-tin-tuc__promo-title{font-size:1.4rem;line-height:1.4}
.page-tin-tuc__promo-description{font-size:1rem}
.page-tin-tuc__promo-banner .page-tin-tuc__btn{width:100%;text-align:center;display:block}
}

@media (max-width:480px){
.page-tin-tuc__hero-title{font-size:1.2rem;line-height:1.5}
.page-tin-tuc__hero-description{font-size:0.9rem;line-height:1.5;text-align:left}
}