/* Import font Inter */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

/* Reset các quy tắc phức tạp đã thêm trước đó */
html, body, #page {
  height: auto; /* Trả về giá trị mặc định */
}

body {
  margin: 0;
  background-color: #ffffff; /* Màu nền trắng cho toàn bộ trang */
}

#page {
  display: block; /* Trả về giá trị mặc định */
}

.site-content {
  flex: none; /* Trả về giá trị mặc định */
}

.page-container {
  width: 1441px;
  margin: 0 auto; /* Căn giữa toàn bộ trang */
  position: relative;
  /* Tổng chiều cao của trang, nếu bạn muốn set cứng */
  /* height: 6709.14px; */
}

/* Các quy tắc CSS cho trang chi tiết tin tức */
.main-content-frame-ct {
  width: 1296px;
  height: auto;
  margin: 214px auto 0 auto; /* Cách top 214px và tự động căn giữa */
  position: relative; /* Sử dụng position relative để không phá vỡ luồng trang */
  background-color: #ffffff; 
  margin-bottom: 50px; /* Giảm khoảng trống phía dưới để gần footer hơn */
}

/* Khung A */
.khung-a-ct {
  width: 1296px;
  height: 168px;
  margin: 0 auto;
  position: relative;
  top: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Khung A1 */
.khung-a1-ct {
  width: 1296px;
  height: 118px;
  margin: 0 auto;
  position: relative;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Khung A11 */
.khung-a11-ct {
  width: 1296px;
  height: 24px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  color: #d72323;
  text-align: center;
}

/* Khung A12 */
.khung-a12-ct {
  width: 364px;
  height: 59px;
  margin: 0 auto 0 auto; /* Sát khung A11 */
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 43px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

/* Khung A2 */
.khung-a2-ct {
  width: 97px;
  height: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

/* Khung A21 */
.khung-a21-ct {
  width: 30px;
  height: 30px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border: none;
  box-shadow: none;
  padding: 0;
}
.khung-a21-ct img {
  width: 30px;
  height: 30px;
  object-fit: contain;
  background: #fff;
  border-radius: 0;
  border: none;
  box-shadow: none;
  display: block;
}

/* Khung A22 */
.khung-a22-ct {
  width: 59px;
  height: 20px;
  margin-left: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

/* Khung B */
.khung-b-ct {
  width: 1296px;
  height: 398px;
  margin-top: 19px;
  border-radius: 32px;
  overflow: hidden; /* Đảm bảo ảnh bên trong cũng được bo góc */
}

.khung-b-ct img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Đảm bảo ảnh lấp đầy khung mà không bị méo */
}

/* Khung C */
.khung-c-ct {
  width: 1296px;
  height: auto;
  margin-top: 47px;
  
  position: relative; /* Để các phần tử con có thể định vị tương đối với nó */
  display: flex;
  flex-direction: row;
  gap: 53px;
}

/* Khung D - Sidebar bên trái */
.khung-d-ct {
  width: 415px;
  height: auto;
  order: 1; /* Đặt thứ tự hiển thị */
  
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  background: #fff;
  z-index: 1;
}

/* Khung D1 */
.khung-d1-ct {
  width: 415px;
  height: 48px;
  border-radius: 32px;
  border: 1px solid #000; /* Thêm viền đen */
  position: relative; /* Để D2 có thể căn giữa so với nó */
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Khung D2 */
.khung-d2-ct {
  width: 383px;
  height: 24px;
  display: flex;
  align-items: center;
}

/* Khung D21 */
.khung-d21-ct {
  width: 20px;
  height: 20px;
}

.khung-d21-ct img {
  width: 100%;
  height: auto;
  display: block;
}

/* Khung D22 */
.khung-d22-ct {
  margin-left: 8px;
  color: var(--Comfortable-Black, #333);
  /* Text md/Normal */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

/* Input tìm kiếm */
.search-input-ct {
  flex-grow: 1;
  margin-left: 8px;
  color: var(--Comfortable-Black, #333);
  font-family: Inter, sans-serif; /* Đồng bộ font */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: none; /* Loại bỏ viền mặc định */
  outline: none; /* Loại bỏ đường viền khi focus */
  background-color: transparent; /* Nền trong suốt */
}

/* CSS cho placeholder của input */
.search-input-ct::placeholder {
  color: var(--Comfortable-Black, #333);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* Khung D3 */
.khung-d3-ct {
  width: 415px;
  height: 807px;
  border-radius: 32px;
  border: 1px solid #000000; 
  margin-top: 64px;
  position: relative;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-y: auto; /* Cho phép cuộn dọc */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
/* Ẩn thanh cuộn cho Chrome, Safari and Opera */
.khung-d3-ct::-webkit-scrollbar {
  display: none;
}

/* Khung D31 */
.khung-d31-ct {
  width: 399px;
  height: 38px;
  margin-top: 25px; /* Giảm margin-top để xích lên */
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: flex-start; /* Đưa các item lên trên */
  position: relative;
  padding-top: 6px; /* Xích lên trên một chút */
}

.khung-d31-text-ct {
  font-size: 25px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 700; /* In đậm */
  text-align: left;
  margin-left: 20px;
  flex: 1;
  margin-top: 0; /* Đảm bảo không bị lệch xuống */
}

.khung-d31-icon-ct {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  margin-top: 7px; /* Đẩy icon xuống thêm */
  display: flex;
  align-items: flex-start;
  justify-content: center;
  transition: transform 0.3s ease;
}

/* Các mục lớn trong mục lục */
.toc-large-item-ct {
  width: 399px;
  margin-top: 10px;
  color: #6A6565; /* Đổi màu chữ mặc định thành xám */
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding: 10px 20px;
  box-sizing: border-box;
  cursor: pointer; /* Thêm con trỏ để cho biết có thể click */
  transition: color 0.3s; /* Hiệu ứng chuyển màu mượt */
}

.toc-large-item-ct:hover, .sub-item-ct:hover {
  color: #d72323; /* Màu đỏ khi hover */
}

/* Định dạng riêng cho mục Tổng kết */
.toc-summary-ct {
  color: #6A6565; /* Màu đen */
  padding-left: 10px; /* Cách lề trái 30px */
}
.toc-summary-ct:hover {
  color: #d72323; /* Vẫn có hiệu ứng hover */
}

/* Các khung con D34 -> D38 */
.sub-item-ct {
  width: 398px;
  margin-top: 10px;
  color: #6A6565; /* Màu xám cho mục nhỏ */
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  padding: 10px 40px;
  box-sizing: border-box;
  cursor: pointer; /* Thêm con trỏ để cho biết có thể click */
  transition: color 0.3s; /* Hiệu ứng chuyển màu mượt */
}

/* Khung D4 */
.khung-d4-ct {
  width: 415px;
  height: 70px;
  border-radius: 32px;
  background-color: #d72323;
  margin-top: 64px; /* Tăng khoảng cách với D3 */
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 700; /* In đậm */
}

/* CSS cho trạng thái thu gọn */
.khung-d3-ct.collapsed {
  height: 90px;
}

.khung-d3-ct.collapsed .khung-d31-icon-ct {
  transform: rotate(-90deg); /* Xoay icon 90 độ xuống dưới */
}
.khung-d31-icon-ct {
  transition: transform 0.3s ease; /* Hiệu ứng xoay mượt */
}

/* Khung D5 */
.khung-d5-ct {
  width: 415px;
  height: 143px;
  margin: 24px auto 0 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.khung-d51-ct {
  width: 116px;
  height: 143px;
  flex-shrink: 0;
}
.khung-d51-ct img {
  width: 116px;
  height: 143px;
  object-fit: cover;
  display: block;
}
.khung-d52-ct {
  width: 283px;
  height: 143px;
  margin-left: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
}
.khung-d53-ct {
  width: 283px;
  height: 15px;
  margin-top: 16px;
  font-size: 10px;
  color: #AAAAAA;
  font-family: Inter, sans-serif;
  font-weight: 400;
  text-align: left;
}
.khung-d54-ct {
  width: 211px;
  height: 48px;
  margin-top: 8px;
  font-size: 16px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  color: #000;
  text-align: left;
  display: flex;
  align-items: center;
}
.khung-d55-ct {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.khung-d55-ct img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.khung-d56-ct {
  width: 283px;
  height: 40px;
  margin-top: 8px;
  font-size: 13px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  color: #000;
  text-align: left;
  display: flex;
  align-items: center;
}

.divider-ct {
  width: 415px;
  height: 1px;
  background: #000;
  margin: 16px auto 0 auto;
}

.khung-e-ct {
  width: 828px;
  height: auto;
  order: 2; /* Đặt thứ tự hiển thị */
 
  position: relative;
  flex: 1;
  background: #fff;
  box-sizing: border-box;
  z-index: 0;
}

.khung-d-ct {
  z-index: 1;
}

.khung-e1-ct {
  width: 828px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  margin-top: 0;
  margin-left: 0;
  flex-wrap: nowrap;
  gap: 10px;
}
.khung-e11-ct, .khung-e12-ct, .khung-e13-ct, .khung-e14-ct, .khung-e15-ct {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.khung-e11-ct {
  width: 43px;
  height: 20px;
  font-size: 13px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  color: #000;
  display: flex;
  align-items: center;
  text-align: left;
}
.khung-e12-ct {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #000;
}
.khung-e13-ct {
  width: 106px;
  height: 20px;
  font-size: 13px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  color: #000;
  display: flex;
  align-items: center;
  text-align: left;
}
.khung-e14-ct {
  width: 12px;
  height: 12px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #000;
}
.khung-e15-ct {
  width: 615px;
  height: 20px;
  font-size: 13px;
  font-family: Inter, sans-serif;
  font-weight: 400;
  color: #000;
  display: flex;
  align-items: center;
  text-align: left;
  margin-left: 10px;
}

.khung-e2-ct {
  width: 828px;
  height: 177px;
  margin-top: 20px;
  font-size: 39px;
  font-family: Inter, sans-serif;
  font-weight: 700;
  color: #000;
  line-height: 150%;
  text-align: left;
  display: flex;
  align-items: flex-start;
}

.khung-e3-ct {
  width: 828px;
  height: 50px;
  font-size: 16px;
  color: #767575;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  text-align: left;
  margin-top: 0;
}
.khung-e4-ct {
  width: 828px;
  height: 238px;
  margin-top: 0;
}
.khung-e41-ct {
  width: 828px;
  height: 58px;
  font-size: 25px;
  color: #d72323;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: left;
}
.khung-e42-ct {
  width: 828px;
  height: 30px;
  font-size: 20px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: left;
  margin-top: 13px;
}
.khung-e43-ct {
  width: 828px;
  height: 144px;
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  margin-top: 3px;
  display: flex;
  align-items: flex-start;
}

.khung-e5-ct {
  width: 828px;
  height: 363.41px;
  margin-top: 24px;
}
.khung-e51-ct {
  width: 828px;
  height: 58px;
  font-size: 25px;
  color: #d72323;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: left;
}
.khung-e52-ct {
  width: 808px;
  height: 48px;
  margin: 13px auto 0 auto;
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  text-align: left;
}
.khung-e53-ct {
  width: 828px;
  height: 251px;
  margin-top: 3px;
}
.khung-e53-ct img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.khung-e6-ct {
  width: 828px;
  height: 1008px;
  margin-top: 20px;
}
.khung-e61-ct {
  width: 828px;
  height: 58px;
  font-size: 25px;
  color: #d72323;
  font-family: Inter, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  text-align: left;
}
.khung-e62-ct, .khung-e64-ct, .khung-e66-ct, .khung-e68-ct, .khung-e610-ct {
  width: 808px;
  height: 30px;
  margin: 20px auto 0 auto;
  font-size: 20px;
  color: #d72323;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  text-align: left;
}
.khung-e63-ct, .khung-e65-ct, .khung-e67-ct, .khung-e69-ct, .khung-e611-ct {
  width: 808px;
  margin: 20px auto 0 auto;
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  text-align: left;
  line-height: 151%;
}

.khung-e65-list-ct {
  list-style-type: none;
  padding-left: 0;
  margin: 3px 0 0 10px;
}

.khung-e65-list-ct li {
  padding-left: 15px;
  /* margin-bottom: 5px; */
  position: relative;
  font-size: 16px;
  line-height: 151%;
}

.khung-e65-list-ct li::before {
  content: '•';
  position: absolute;
  left: 0;
  top: 0;
  color: #000;
  font-weight: bold;
}

.vd-example-ct {
  display: block;
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 400;
  line-height: 150%;
  margin-top: 16px;
  margin-bottom: 0;
  padding-left: 10px;
}
.vd-example-ct b {
  font-weight: 700;
}

.khung-e7-ct {
  width: 828px;
  height: 731px;
  margin-top: 24px;
}
.khung-e71-ct {
  font-size: 25px;
  font-weight: 700;
  color: #d72323;
  margin-bottom: 32px;
  font-family: Inter, sans-serif;
}
.khung-e72-ct, .khung-e73-ct, .khung-e74-ct, .khung-e75-ct, .khung-e76-ct {
  font-size: 20px;
  font-weight: 400;
  color: #d72323;
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  margin-left: 10px;
}
.khung-e7-list-ct {
  font-size: 16px;
  color: #000;
  margin: 0 0 24px 14px;
  list-style: disc;
  line-height: 151%;
  font-family: Inter, sans-serif;
  font-weight: 400;
  padding-left: 0;
  list-style-position: inside;
}
.khung-e7-list-ct li {
  margin-bottom: 5px;
}

.khung-e8-ct {
  width: 828px;
  margin-top: 32px;
}
.khung-e81-ct {
  font-size: 25px;
  font-weight: 700;
  color: #d72323;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
}
.khung-e8-list-ct {
  font-size: 16px;
  color: #000;
  margin: 0 0 24px 10px;
  list-style: disc;
  line-height: 151%;
  font-family: Inter, sans-serif;
  font-weight: 400;
  padding-left: 0;
  list-style-position: inside;
}
.khung-e8-list-ct li {
  margin-bottom: 5px;
}

.khung-e9-ct {
  width: 828px;
  margin-top: 32px;
}
.khung-e91-ct {
  font-size: 25px;
  font-weight: 700;
  color: #d72323;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
}
.khung-e92-ct, .khung-e95-ct {
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 400;
  margin-bottom: 16px;
}
.khung-e93-ct {
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 16px;
}
.khung-e94-ct {
  width: 808px;
  margin: 0 auto 16px auto;
  text-align: center;
}
.khung-e10-ct {
  width: 828px;
  margin-top: 32px;
}
.khung-e101-ct {
  font-size: 31px;
  font-weight: 700;
  color: #d72323;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
}
.khung-e102-ct {
  font-size: 20px;
  font-weight: 700;
  color: #000;
  font-family: Inter, sans-serif;
  margin-bottom: 16px;
}
.khung-e103-ct {
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  margin-bottom: 16px;
}
.khung-e103-ct i {
  font-style: italic;
}
.hashtag-ct {
  font-size: 16px;
  color: #d72323;
  font-family: Inter, sans-serif;
  margin-right: 8px;
  font-weight: 400;
}

.khung-f-ct {
  width: 100%;
  height: auto;
  margin-top: 71px;
  
  position: relative;
  background: #fff;
  display: block;
  box-sizing: border-box;
}
.khung-f1-ct {
  width: 100%;
  height: auto;
  padding: 10px;
  font-size: 39px;
  font-weight: 700;
  color: #000;
  display: flex;
  align-items: center;
}
.khung-f2-ct {
  width: 100%;
  height: auto;
  margin-top: 39px;
  
  display: flex;
  gap: 20px;
}
.khung-f3-ct, .khung-f4-ct, .khung-f5-ct {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
}
.khung-f-img-ct {
  width: 100%;
  height: 240px;
  overflow: hidden;
  border-radius: 10px;
}
.khung-f-img-ct img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.khung-f-content-ct {
  width: 100%;
  height: auto;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
}
.khung-f-content1-ct {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #d5d5d5;
  font-family: Inter, sans-serif;
  font-weight: 400;
}
.khung-f-content2-ct {
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-top: 12px;
}
.khung-f-arrow-ct {
  width: 24px;
  height: 24px;
  margin-left: 16px;
  display: flex;
  align-items: center;
}
.khung-f-arrow-ct img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.khung-f-content3-ct {
  width: 100%;
  height: auto;
  font-size: 16px;
  color: #000;
  font-family: Inter, sans-serif;
  font-weight: 400;
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
}

/* --- BẮT ĐẦU: Style cho articles-grid giống tintuc.css --- */
.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  margin-bottom: 40px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.articles-grid .article-card {
  background-color: #fff;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  width: 100%;
  height: auto;
  min-height: 400px;
  display: flex;
  flex-direction: column;
}
.articles-grid .article-card:hover {
  transform: translateY(-5px);
}
.articles-grid .article-image {
  width: 416px;
  height: 240px;
  object-fit: cover;
}
.articles-grid .article-info {
  padding: 20px 20px 20px 0;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.articles-grid .article-date {
  align-self: stretch;
  color: #D5D5D5;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 10px;
}
.articles-grid .article-title-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.articles-grid .article-title {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
  flex: 1;
}
.articles-grid .title-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
}
.articles-grid .article-description {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1440px) {
  .articles-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .articles-grid {
    grid-template-columns: 1fr;
  }
  .articles-grid .article-card {
    min-height: unset;
  }
}
/* --- KẾT THÚC: Style cho articles-grid giống tintuc.css --- */

html, body, * {
  font-family: Inter, sans-serif !important;
}

a.khung-d5-ct {
  text-decoration: none;
  color: inherit;
}
a.khung-d5-ct:hover {
  text-decoration: none;
  color: inherit;
}

.main-content-wysiwyg {
  margin-top: 32px;
  font-family: "Inter", sans-serif;
  color: inherit;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
  background: none;
  padding: 0;
  /* Reset tất cả spacing */
* {
  margin: 0 !important;
  padding: 0 !important;
}

/* Xử lý div rỗng và div chỉ chứa whitespace */
.main-content-wysiwyg div:empty,
.main-content-wysiwyg div:blank {
  display: block !important;
  height: 0.8em !important;
  min-height: 0.8em !important;
  margin-top: 0.8em !important;
  margin-bottom: 0.8em !important;
}

/* Đảm bảo list hiển thị đúng */
.main-content-wysiwyg ul {
  list-style-type: disc !important;
  margin-left: 1em !important;
}

.main-content-wysiwyg ol {
  list-style-type: decimal !important;
  margin-left: 1em !important;
}

.main-content-wysiwyg li {
  display: list-item !important;
  margin-bottom: 0.3em !important;
}
}
.main-content-wysiwyg p,
.main-content-wysiwyg h1,
.main-content-wysiwyg h2,
.main-content-wysiwyg h3,
.main-content-wysiwyg h4,
.main-content-wysiwyg h5,
.main-content-wysiwyg h6 {
  margin: 0;
  font-family: inherit;
  color: inherit;
  font-weight: inherit;
  display: block;
}

/* Đảm bảo mỗi <br> đều hiển thị */
.main-content-wysiwyg br {
  display: block !important;
  content: "";
  margin-top: 0.8em !important;
  height: 0.8em !important;
  line-height: 0.8em !important;
}

.main-content-wysiwyg br + br {
  display: block !important;
  margin-top: 0.8em !important;
}

/* Reset tất cả margin của p tags */
.main-content-wysiwyg p {
  margin: 0 !important;
  padding: 0 !important;
}

/* Xử lý div rỗng - tạo khoảng cách */
.main-content-wysiwyg div:empty {
  display: block !important;
  height: 0.8em !important;
  margin-top: 0.8em !important;
}

/* Xử lý div chỉ chứa text ngắn (như uuuuuuuuuuu) */
.main-content-wysiwyg div:not(:has(*)) {
  margin-bottom: 0.5em !important;
}
.main-content-wysiwyg ul,
.main-content-wysiwyg ol {
  margin: 0 0 1em 1em !important;
  padding: 0 !important;
  padding-left: 1em !important;
  list-style-position: outside !important;
  display: block !important;
}
.main-content-wysiwyg li {
  margin-bottom: 0.5em !important;
  display: list-item !important;
  list-style-type: disc !important;
  padding-left: 0.5em !important;
}
.main-content-wysiwyg img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1em 0;
}
.main-content-wysiwyg a {
  color: #0073aa;
  text-decoration: underline;
}
.main-content-wysiwyg a:hover {
  color: #d72323;
}
.main-content-wysiwyg br {
  display: block;
  content: "";
  margin-top: 0.5em;
  height: 0.5em;
}