/* ========================================
   Trang chi tiết - File CSS chính
   Import base reset và body styles
   ======================================== */

/* Header điều hướng */
@import url("https://cdn.media-soft.cloud/original/assets/DetailPage/Style/Header/header.css");

@import url("https://cdn.media-soft.cloud/original/assets/DetailPage/Style/Category/category-nav.css");

/* Base reset và biến CSS - dùng chung cho tất cả trang */
@import url("https://cdn.media-soft.cloud/original/assets/DetailPage/basereset.css");

/* Styles riêng cho trang chi tiết */
/* @import url("https://cdn.media-soft.cloud/original/assets/DetailPage/Style/Body/body.css"); */
@import url("./Style/Body/body.css");

/* Phần từ khóa liên quan */
@import url("https://cdn.media-soft.cloud/original/assets/DetailPage/Style/RelatedKeywords/relatedkeywords.css");

/* Phần bài viết liên quan */
@import url("https://cdn.media-soft.cloud/original/assets/DetailPage/Style/RelatedPosts/relateposts.css");

@import url("https://cdn.media-soft.cloud/original/assets/DetailPage/Style/Footer/footer.css");

.content-main * {
    word-break: break-word;
}

.content-main p {
    text-align: justify;
}

.content-wrapper > :first-child {
    margin-top: 0;
}


.author-card__aff-sup {
  margin-left: 2px;
  font-size: 0.72em;
  font-weight: 600;
  line-height: 1;
  vertical-align: super;
}

.author-affiliation-list {
  margin-top: 6px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  order: 2;
  align-self: stretch;
}

.author-affiliation-item {
  color: #344054;
  font-size: 16px;
  font-style: italic;
  line-height: 1.45;
}

.author-affiliation-item__index {
  margin-right: 4px;
  font-size: 0.85em;
  font-weight: 600;
  vertical-align: super;
}

@media (max-width: 768px) {
  .author-affiliation-item {
    font-size: 14px;
  }
}
