/* Trang /GioiThieu — chỉ tối ưu mobile & chống vỡ layout */

.fit-gioi-thieu {
  overflow-x: clip;
  max-width: 100%;
}

/* Tiêu đề + nút: mobile xếp dọc, nút full-width dễ chạm */
@media (max-width: 575.98px) {
  .fit-gioi-thieu .fit-gioi-thieu__head {
    flex-direction: column;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }

  .fit-gioi-thieu .fit-gioi-thieu__head .btn {
    width: 100%;
    justify-content: center;
  }

  .fit-gioi-thieu h1 {
    font-size: clamp(1.35rem, 5vw, 1.75rem);
    line-height: 1.25;
    word-wrap: break-word;
  }
}

/* Ảnh đại diện: không tràn, tỉ lệ ổn trên mobile */
@media (max-width: 991.98px) {
  .fit-gioi-thieu .fit-gioi-thieu__photo {
    border-radius: 0.5rem;
    overflow: hidden;
  }

  .fit-gioi-thieu .fit-gioi-thieu__photo img {
    width: 100%;
    max-height: min(52vh, 420px);
    object-fit: cover;
    object-position: center;
  }
}

/* Nội dung HTML từ CKEditor: ảnh/bảng/video không làm tràn ngang */
.fit-gioi-thieu .fit-article-body {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.fit-gioi-thieu .fit-article-body img,
.fit-gioi-thieu .fit-article-body video,
.fit-gioi-thieu .fit-article-body iframe {
  max-width: 100% !important;
  height: auto !important;
}

.fit-gioi-thieu .fit-article-body img {
  display: block;
  margin: 1rem auto;
  cursor: zoom-in;
  border-radius: 0.5rem;
}

.fit-gioi-thieu .fit-gioi-thieu__photo img {
  cursor: zoom-in;
}

.fit-gioi-thieu .fit-article-body table {
  display: block;
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.fit-gioi-thieu .fit-article-body pre {
  max-width: 100%;
  overflow-x: auto;
}