/* Mục Sự kiện (/su-kien/ và từng bài; 16/10/2026). Thẻ .sk-the dùng chung nằm trong site.css. Chỉ 5 màu thương hiệu. */
.trang-su-kien .hero-con__td{font-size:clamp(34px,4vw,60px);max-width:20em}

/* Danh sách: bài mới nhất trải ngang cả hàng, các bài sau lưới 3 cột */
.sk-ds{padding-top:72px}
.sk-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:64px 40px}
.sk-luoi__dau{grid-column:1/-1}

/* Một bài */
.sk-bai{padding-top:56px}
.sk-bai__anh{margin:0}
.sk-bai__anh picture,.sk-bai__anh img{display:block;width:100%;height:auto}
.sk-bai__anh img{border-radius:var(--bo)}
.sk-bai__anh figcaption{margin-top:14px;font-size:14px;line-height:1.5;color:var(--ghi)}
.sk-bai__than{max-width:46em;margin-top:56px;font-size:18px;line-height:1.75}
.sk-bai__than p+p{margin-top:20px}
.sk-bai__than .sk-bai__mo{font-size:21px;line-height:1.6;font-weight:600}
.sk-bai__than .sk-bai__ve{margin-top:44px}

@media (max-width:1180px){
  .sk-luoi{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:849px){
  .sk-ds{padding-top:48px}
  .sk-luoi{grid-template-columns:1fr;gap:48px}
  .sk-bai{padding-top:32px}
  .sk-bai__than{margin-top:36px;font-size:17px}
  .sk-bai__than .sk-bai__mo{font-size:19px}
}