.page-tin-tuc{max-width:100%;overflow-x:hidden;background-color:#F5F7FA;font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.5}
.page-tin-tuc *{box-sizing:border-box}
.page-tin-tuc img{max-width:100%;height:auto;display:block}

/* HERO */
.page-tin-tuc__hero-section{display:flex;flex-direction:column;align-items:center;padding:16px;margin:0 0 12px}
.page-tin-tuc__hero-image{width:100%;max-width:1020px;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:8px;margin-bottom:16px}
.page-tin-tuc__hero-content{text-align:center;max-width:820px;padding:0 12px}
.page-tin-tuc__hero-title{font-size:clamp(1.4rem, 2.2vw, 1.9rem);font-weight:800;line-height:1.3;letter-spacing:.5px;color:#2b3a55;margin:0 0 8px;max-width:800px;margin-left:auto;margin-right:auto}
.page-tin-tuc__hero-description{font-size:1rem;color:#333333;max-width:720px;margin:0 auto 16px}
.page-tin-tuc__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}

/* BUTTONS */
.page-tin-tuc__btn{display:inline-block;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#fff;text-decoration:none;padding:10px 18px;border-radius:6px;font-weight:700;text-align:center;border:none;cursor:pointer;transition:opacity .2s ease;max-width:100%;overflow:hidden;white-space:normal;word-break:break-word;box-sizing:border-box}
.page-tin-tuc__btn:hover{opacity:.9}
.page-tin-tuc__btn--primary{width:auto;min-width:180px}

/* SECTION TITLE */
.page-tin-tuc__section-title{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:800;color:#2b3a55;text-align:center;margin:32px 16px 24px;line-height:1.3}

/* GAME CARDS */
.page-tin-tuc__top-games,.page-tin-tuc__promotion-section,.page-tin-tuc__blog-section{max-width:1200px;margin:0 auto 32px;padding:0 16px}
.page-tin-tuc__game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 8px}
.page-tin-tuc__game-card{background:#FFFFFF;border:1px solid #E0E0E0;border-radius:12px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .2s ease;width:100%}
.page-tin-tuc__game-card:hover{transform:translateY(-4px)}
.page-tin-tuc__game-title{margin:0;color:#E53935;font-weight:800;font-size:1.15rem;line-height:1.4}
.page-tin-tuc__game-card p{color:#333333;font-size:.95rem;flex:1}

/* FEATURED POST 2-COLUMN */
.page-tin-tuc__featured-post{max-width:1200px;margin:0 auto 32px;padding:0 16px}
.page-tin-tuc__event-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#FFFFFF;border-radius:12px;border:1px solid #E0E0E0;overflow:hidden;align-items:stretch;width:100%}
.page-tin-tuc__event-image{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;max-width:100%}
.page-tin-tuc__event-box{padding:24px;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.page-tin-tuc__event-title{font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800;color:#2b3a55;margin:0}
.page-tin-tuc__event-box p{color:#333333;font-size:.95rem;margin:0}

/* PROMO GRID */
.page-tin-tuc__promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 8px}
.page-tin-tuc__promo-card{background:#FFFFFF;border:1px solid #E0E0E0;border-left:6px solid #E53935;border-radius:8px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.page-tin-tuc__promo-title{color:#E53935;font-weight:800;font-size:1.1rem;margin:0}
.page-tin-tuc__promo-card p{font-size:.92rem;margin:0;color:#333333;flex:1}

/* BLOG LIST 4-COLUMN */
.page-tin-tuc__blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:0 8px}
.page-tin-tuc__blog-card{background:#FFF;border:1px solid #E0E0E0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.page-tin-tuc__blog-image{width:100%;object-fit:cover;border-radius:8px;margin-bottom:4px}
.page-tin-tuc__blog-card p{flex:1;color:#333333;font-size:.92rem;margin:0}
.page-tin-tuc__blog-title,.page-tin-tuc__blog-card h3{font-weight:800;color:#2b3a55;margin:0;font-size:1rem;line-height:1.4}

/* GENERAL LIST */
.page-tin-tuc__combine-list{max-width:1200px;margin:0 auto 32px;padding:0 16px}
.page-tin-tuc__general-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.page-tin-tuc__general-item{background:#FFFFFF;padding:20px;border-radius:10px;border:1px solid #E0E0E0;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.page-tin-tuc__general-title{font-size:1.1rem;font-weight:700;color:#2b3a55;margin:0 0 8px}
.page-tin-tuc__general-item p{color:#333333;font-size:.9rem;margin:0 0 12px}

/* TEXT LINK */
.page-tin-tuc__link{display:inline-block;color:#E53935;font-weight:700;text-decoration:none;font-size:.95rem;padding:8px 0;max-width:100%;overflow-wrap:break-word}
.page-tin-tuc__link:hover{text-decoration:underline}
.page-tin-tuc__link--light{color:#FF5A4F}

/* RESPONSIVE */
@media (max-width:1024px){
  .page-tin-tuc__hero-image{aspect-ratio:16/6}
}
@media (max-width:768px){
  .page-tin-tuc__event-card{grid-template-columns:1fr}
  .page-tin-tuc__hero-image{aspect-ratio:2/1}
  .page-tin-tuc__hero-actions{width:100%}
  .page-tin-tuc__btn{max-width:100%;width:100%}
  .page-tin-tuc img{max-width:100%!important;height:auto!important}
  .page-tin-tuc__section-title{margin-left:8px;margin-right:8px}
  .page-tin-tuc{overflow-x:hidden;max-width:100%}
}