.page-tin-tuc{color:#333333;max-width:100%;overflow-x:hidden}
.page-tin-tuc__hero-section{padding-top:10px;margin-bottom:32px}
.page-tin-tuc__hero-image-wrapper{width:100%;max-width:1020px;margin:0 auto}
.page-tin-tuc__hero-image{width:100%;height:auto;aspect-ratio:1020/300;object-fit:cover;display:block;border-radius:12px}
.page-tin-tuc__hero-content{max-width:1020px;margin:14px auto 0;text-align:center}
.page-tin-tuc__hero-title{font-size:clamp(1.6rem, 4vw, 2.4rem);font-weight:800;line-height:1.3;color:#017439;margin:0 0 10px;letter-spacing:-0.01em}
.page-tin-tuc__hero-description{font-size:clamp(1rem, 2.5vw, 1.25rem);line-height:1.7;color:#555;max-width:760px;margin:0 auto 20px}
.page-tin-tuc__hero-actions{display:flex;justify-content:center}
.page-tin-tuc__btn{display:inline-block;text-decoration:none;font-weight:700;text-align:center;border:0;cursor:pointer;transition:all .2s ease;white-space:normal;word-wrap:break-word}
.page-tin-tuc__btn--primary{background:#C30808;color:#FFFF00;padding:12px 32px;border-radius:50px;font-size:1rem}
.page-tin-tuc__btn--primary:hover{opacity:.9;transform:translateY(-1px)}
.page-tin-tuc__btn--secondary{background:#017439;color:#fff;padding:14px 40px;border-radius:50px;font-size:1.1rem}
.page-tin-tuc__btn--secondary:hover{opacity:.9}
.page-tin-tuc__btn--small{padding:8px 18px;border-radius:30px;font-size:.85rem;background:#C30808;color:#FFFF00}
.page-tin-tuc__btn--small:hover{opacity:.85}
.page-tin-tuc__btn--green{background:#017439;color:#fff;margin-top:6px}
.page-tin-tuc__section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.page-tin-tuc__section-title{font-size:1.6rem;color:#017439;font-weight:800;margin:0;position:relative;padding-left:14px}
.page-tin-tuc__section-title::before{content:'';position:absolute;left:0;top:2px;bottom:2px;width:5px;background:#C30808;border-radius:8px}
.page-tin-tuc__view-all{color:#C30808;font-weight:600;text-decoration:none;font-size:.95rem;padding:8px 14px;border:1px solid #C30808;border-radius:30px;transition:all .2s}
.page-tin-tuc__view-all:hover{background:#C30808;color:#fff}
.page-tin-tuc__featured-section{max-width:1200px;margin:0 auto 44px;padding:0 16px}
.page-tin-tuc__featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.page-tin-tuc__featured-card{background:#fff;border:1px solid #e8f0e9;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:transform .25s, box-shadow .25s;display:flex;flex-direction:column}
.page-tin-tuc__featured-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.page-tin-tuc__featured-image{width:100%;height:auto;aspect-ratio:800/400;object-fit:cover;display:block}
.page-tin-tuc__featured-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.page-tin-tuc__featured-title{margin:0 0 8px;font-size:1.15rem;line-height:1.4}
.page-tin-tuc__featured-title a{color:#017439;text-decoration:none}
.page-tin-tuc__featured-title a:hover{color:#C30808;text-decoration:underline}
.page-tin-tuc__featured-excerpt{font-size:.92rem;line-height:1.6;color:#555;margin:0 0 14px;flex:1}
.page-tin-tuc__featured-meta{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:8px}
.page-tin-tuc__featured-date{font-size:.82rem;color:#999}
.page-tin-tuc__blog-section{max-width:1200px;margin:0 auto 44px;padding:0 16px}
.page-tin-tuc__blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.page-tin-tuc__blog-card{background:#fff;border:1px solid #e8f0e9;border-radius:12px;overflow:hidden;transition:transform .25s, box-shadow .25s;display:flex;flex-direction:column}
.page-tin-tuc__blog-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.07)}
.page-tin-tuc__blog-thumbnail{width:100%}
.page-tin-tuc__blog-image{width:100%;height:auto;aspect-ratio:800/450;object-fit:cover;display:block}
.page-tin-tuc__blog-content{padding:15px 16px 20px;display:flex;flex-direction:column;flex:1}
.page-tin-tuc__blog-title{margin:0 0 6px;font-size:1rem;line-height:1.45}
.page-tin-tuc__blog-title a{color:#2d3b34;text-decoration:none}
.page-tin-tuc__blog-title a:hover{color:#017439;text-decoration:underline}
.page-tin-tuc__blog-description{font-size:.87rem;color:#666;line-height:1.55;margin:0 0 12px;flex:1}
.page-tin-tuc__blog-meta{font-size:.8rem;color:#aaa;display:flex;justify-content:space-between;margin-bottom:8px}
.page-tin-tuc__promo-section{max-width:1200px;margin:0 auto 48px;padding:0 16px}
.page-tin-tuc__promo-banner{background:linear-gradient(135deg, #017439, #014d28);border-radius:16px;padding:36px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;color:#fff}
.page-tin-tuc__promo-content{max-width:700px}
.page-tin-tuc__promo-title{margin:0 0 8px;font-size:1.5rem;font-weight:800;color:#fff}
.page-tin-tuc__promo-description{margin:0;color:#d2efdd;line-height:1.6;font-size:.95rem}
.page-tin-tuc__promo-actions{flex-shrink:0}
.page-tin-tuc__updates-section{max-width:1200px;margin:0 auto 40px;padding:0 16px}
.page-tin-tuc__updates-list{display:flex;flex-direction:column;gap:0}
.page-tin-tuc__update-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 6px;border-bottom:1px solid #eef3ef;flex-wrap:wrap}
.page-tin-tuc__update-item:last-child{border-bottom:0}
.page-tin-tuc__update-content{flex:1;min-width:260px}
.page-tin-tuc__update-title{margin:0 0 4px;font-size:1.02rem}
.page-tin-tuc__update-title a{color:#017439;text-decoration:none}
.page-tin-tuc__update-title a:hover{text-decoration:underline;color:#C30808}
.page-tin-tuc__update-summary{font-size:.88rem;color:#555;margin:0;line-height:1.5}
.page-tin-tuc__update-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.page-tin-tuc__update-date{font-size:.8rem;color:#aaa;white-space:nowrap}
@media (max-width: 1024px){
.page-tin-tuc__featured-grid{grid-template-columns:1fr;gap:20px}
.page-tin-tuc__blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px){
.page-tin-tuc{padding-top:0;margin-top:0}
.page-tin-tuc__hero-section{padding-top:10px;margin-bottom:24px}
.page-tin-tuc__hero-image{max-width:100%;height:auto;aspect-ratio:2/1}
.page-tin-tuc__hero-content{padding:0 12px}
.page-tin-tuc__section-header{gap:10px}
.page-tin-tuc__section-title{font-size:1.2rem}
.page-tin-tuc__featured-grid{grid-template-columns:1fr}
.page-tin-tuc__blog-grid{grid-template-columns:1fr}
.page-tin-tuc__featured-image,.page-tin-tuc__blog-image{max-width:100%!important;height:auto!important}
.page-tin-tuc__featured-meta,.page-tin-tuc__update-item,.page-tin-tuc__update-meta{flex-direction:column;align-items:flex-start}
.page-tin-tuc__promo-banner{padding:26px 18px}
.page-tin-tuc__btn{max-width:100%;box-sizing:border-box}
.page-tin-tuc__btn--small{width:auto}
.page-tin-tuc__view-all{width:auto}
}
@media (max-width: 768px) and (orientation: portrait){
.page-tin-tuc{overflow-x:hidden;max-width:100%}
.page-tin-tuc img{max-width:100%!important;height:auto!important}
}