/* Bố cục mục Tin tức - phương án A "Tạp chí" (07/10/2026). Dùng chung trang tiếng Việt và tiếng Anh. */
:root{--kh2-nau:#64441E;--kh2-dong:#8B6126;--kh2-kem:#FBF4E8;--kh2-vien:#E6D7BD;--kh2-xam:#6B5E50}
.kh2-sub{color:var(--xam,#6B5E50);font-size:18px;margin:10px 0 0;line-height:1.5}
.kh2 a{text-decoration:none;color:inherit}
.page-title+.section{padding-top:28px}
.page-title+.section .news-search{max-width:none}
.kh2-chips{display:flex;flex-wrap:wrap;gap:8px;padding:4px 2px 12px;margin:0 0 18px}
.kh2-chips::-webkit-scrollbar{display:none}
.kh2-chip{flex:0 0 auto;border:1px solid var(--kh2-vien);background:#fff;border-radius:999px;padding:10px 16px;font:500 15px/1.2 inherit;
  font-family:inherit;color:var(--kh2-nau);cursor:pointer;white-space:nowrap;min-height:44px}
.kh2-chip:hover{border-color:var(--kh2-dong)}
.kh2-chip[aria-pressed="true"]{background:var(--kh2-nau);border-color:var(--kh2-nau);color:#fff}
.kh2-chip small{opacity:.7;margin-left:4px;font-size:13px}
.kh2-the{display:flex;flex-direction:column;gap:12px;min-width:0}
.kh2-anh{display:block;border-radius:12px;overflow:hidden;background:var(--kh2-kem)}
.kh2-anh img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .3s ease}
.kh2-the:hover .kh2-anh img{transform:scale(1.03)}
.kh2-noi{display:block;min-width:0}
.kh2-meta{display:block;font-size:14px;color:var(--kh2-xam)}
.kh2-meta b{font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--kh2-dong)}
.kh2-tit{display:block;font-family:Lora,serif;font-weight:600;color:var(--kh2-nau);font-size:20px;line-height:1.35;margin:6px 0}
.kh2-the:hover .kh2-tit{text-decoration:underline;text-decoration-color:#D9C29B;text-underline-offset:3px}
.kh2-tom{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--kh2-xam);font-size:16px;line-height:1.6}
.kh2-noibat{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;margin-top:6px}
.kh2-the--lon .kh2-anh img{aspect-ratio:16/9}
.kh2-the--lon .kh2-tit{font-size:30px;line-height:1.3}
.kh2-phu{display:flex;flex-direction:column;gap:20px;min-width:0}
.kh2-the--ngang{flex-direction:row;gap:16px;align-items:flex-start}
.kh2-the--ngang .kh2-anh{flex:0 0 150px}
.kh2-the--ngang .kh2-tit{font-size:18px}
.kh2-the--ngang .kh2-tom{font-size:15px}
.kh2-muc{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--kh2-vien);padding-bottom:10px;margin:44px 0 20px}
.kh2-muc h2{font-family:Lora,serif;color:var(--kh2-nau);font-size:26px;margin:0;line-height:1.3}
.kh2-xem{font-weight:600;color:var(--kh2-dong);font-size:16px;white-space:nowrap}
.kh2-luoi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.post-list.kh2-luoi{display:grid;max-width:none}
.post-list.kh2-luoi>.kh-phan-trang,.post-list.kh2-luoi>nav{grid-column:1/-1}
.kh2-chips+[data-kh-loc]{margin-bottom:8px}
.kh2-tailieu{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:48px 0 10px}
.kh2-tailieu a{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--kh2-kem);border-radius:14px;padding:18px 22px}
.kh2-tailieu b{display:block;font-family:Lora,serif;color:var(--kh2-nau);font-size:19px}
.kh2-tailieu span{color:var(--kh2-xam);font-size:15px}
.kh2-loc-dau{display:flex;justify-content:space-between;align-items:baseline;margin:6px 0 18px;color:var(--kh2-xam);font-size:16px}
.kh2-loc-dau button{border:0;background:none;color:var(--kh2-dong);font:600 16px inherit;font-family:inherit;cursor:pointer;padding:8px 0}
.kh2-rong{color:var(--kh2-xam);padding:24px 0}
@media (max-width:900px){.kh2-luoi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .kh2-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:48px;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(to right,#000 82%,transparent);mask-image:linear-gradient(to right,#000 82%,transparent)}
  .kh2-noibat,.kh2-tailieu{grid-template-columns:1fr}
  .kh2-the--lon .kh2-tit{font-size:24px}
  .kh2-luoi,.post-list.kh2-luoi{grid-template-columns:1fr;gap:18px}
  .kh2-luoi .kh2-the{flex-direction:row;gap:14px;align-items:flex-start}
  .kh2-luoi .kh2-anh{flex:0 0 120px}
  .kh2-luoi .kh2-tit{font-size:17px;margin-top:4px}
  .kh2-luoi .kh2-tom{display:none}
  .kh2-the--ngang .kh2-anh{flex-basis:120px}
  .kh2-the--ngang .kh2-tom{display:none}
  .kh2-muc h2{font-size:22px}
}
/* 09/10/2026: tên mục chung "Truyền thông giáo dục sức khỏe" / "Health Education" dài hơn tên cũ.
   Ngắt dòng cân bằng để nhãn, tiêu đề không rớt lẻ một chữ; nút "Xem tất cả" xuống dòng khi chật. */
.kh2-muc h2,.kh2-meta{text-wrap:balance}
.kh2-muc{flex-wrap:wrap;row-gap:6px}