/* spec 072 — khối Chung (kt-ch-*) theo nhận diện Cộng Đồng Hạnh Phúc (sinh bởi scripts/xuat-khoi-thuong-hieu.mjs) */
.kt-ch-boc { max-width: 1408px; margin: 0 auto; padding: 32px 16px; font-family: var(--kt-phong-than); color: var(--kt-chu); font-size: 16px; line-height: 1.55; background: var(--kt-kem); }
.kt-ch-boc h2, .kt-ch-boc h3 { font-family: var(--kt-phong-tieu-de); color: var(--kt-xanh); margin: 0 0 12px; line-height: 1.2; text-wrap: balance; }
.kt-ch-boc h2 { font-size: clamp(24px, 3vw, 36px); }
.kt-ch-boc h3 { font-size: clamp(18px, 2vw, 22px); }
.kt-ch-boc p { margin: 0 0 12px; }
.kt-ch-tieu-de { text-align: center; }
.kt-ch-nut { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; border-radius: 999px; background: linear-gradient(180deg, var(--kt-cam) 0%, var(--kt-cam-dam) 100%); color: #fff; font-weight: 700; text-decoration: none; box-shadow: 0 6px 18px rgba(236, 133, 17, 0.28); }
.kt-ch-nut:hover { filter: brightness(1.05); color: #fff; }
.kt-ch-nut-lon { font-size: 18px; padding: 16px 36px; }
.kt-ch-giua { text-align: center; margin: 0; }
.kt-ch-chu-anh { display: grid; grid-template-columns: 1.1fr 1fr; gap: 32px; align-items: center; }
.kt-ch-anh { width: 100%; height: auto; border-radius: 20px; box-shadow: 0 6px 22px rgba(60, 45, 10, 0.1); }
.kt-ch-the3 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.kt-ch-the3 li { background: #fff; border: 1px solid var(--kt-vien); border-radius: 18px; padding: 22px; display: grid; gap: 8px; box-shadow: 0 6px 22px rgba(60, 45, 10, 0.08); }
.kt-ch-the3 strong { color: var(--kt-xanh); font-size: 18px; }
.kt-ch-trich { margin: 0; padding: 28px 36px; border-left: 6px solid var(--kt-cam); background: #fff; border-radius: 0 18px 18px 0; }
.kt-ch-trich p { font-family: var(--kt-phong-viet-tay); font-size: clamp(22px, 2.6vw, 32px); color: var(--kt-xanh); margin: 0 0 8px; }
.kt-ch-trich footer { color: var(--kt-xam); font-weight: 600; }
.kt-ch-keu-goi { text-align: center; padding: 36px 20px; background: linear-gradient(135deg, var(--kt-xanh-dam), var(--kt-xanh-sang)); border-radius: 24px; color: #fff; }
.kt-ch-keu-goi h2 { color: #fff; }
.kt-ch-keu-goi p { color: rgba(255, 255, 255, 0.85); margin-bottom: 20px; }
.kt-ch-video { text-align: center; }
.kt-ch-video-nut { position: relative; display: block; max-width: 760px; margin: 0 auto; border-radius: 20px; overflow: hidden; }
.kt-ch-video-nut img { width: 100%; height: auto; display: block; }
.kt-ch-phat { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 72px; height: 72px; border-radius: 50%; background: var(--kt-cam); color: #fff; display: grid; place-items: center; font-size: 28px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25); }
.kt-ch-video-ten { margin-top: 12px; font-weight: 600; color: var(--kt-xanh); }
.kt-ch-bang { width: 100%; border-collapse: collapse; background: #fff; border-radius: 16px; overflow: hidden; }
.kt-ch-bang th, .kt-ch-bang td { padding: 12px 16px; border-bottom: 1px solid var(--kt-vien); text-align: left; }
.kt-ch-bang th { background: var(--kt-xanh); color: #fff; font-weight: 600; }
.kt-ch-hoi-dap details { background: #fff; border: 1px solid var(--kt-vien); border-radius: 14px; padding: 14px 18px; margin-bottom: 10px; }
.kt-ch-hoi-dap summary { cursor: pointer; font-weight: 700; color: var(--kt-xanh); }
.kt-ch-hoi-dap p { margin: 10px 0 0; }
.kt-ch-trong { height: 48px; }
.kt-ch-dai-mau { background: var(--kt-xanh); color: #fff; text-align: center; padding: 28px 16px; border-radius: 18px; }
.kt-ch-dai-mau h2 { color: var(--kt-vang); margin: 0; }
.kt-ch-cot { display: grid; gap: 24px; }
.kt-ch-2-cot { grid-template-columns: 1fr 1fr; }
.kt-ch-3-cot { grid-template-columns: repeat(3, 1fr); }
.kt-ch-cot > div { background: #fff; border-radius: 16px; padding: 20px; border: 1px solid var(--kt-vien); }
.kt-ch-slide { max-width: 1408px; margin: 0 auto; padding: 0; }
.kt-ch-slide img, .kt-ch-slide a { display: block; width: 100%; height: auto; }
.kt-ch-slide img { aspect-ratio: 16 / 9; } /* như .anh trang Giới thiệu: ảnh tỉ lệ khác vẫn vừa khung 16:9 */
.kt-ch-slide + .kt-ch-slide { margin-top: 8px; } /* khe 8px giữa các slide như trang Giới thiệu / Cơ hội */
/* khối động dạng hộp (chỗ giữ) — trang khách thay bằng React, trong trình dựng CMS hiện mô phỏng */
.kt-khoi-dong:empty { min-height: 48px; }
@media (max-width: 991.98px) {
  .kt-ch-boc { padding: 24px 16px; }
  .kt-ch-chu-anh, .kt-ch-the3, .kt-ch-2-cot, .kt-ch-3-cot { grid-template-columns: 1fr; }
}