/**
 * Ohdidi Frontend V2 - Info & Tutorial Editorial Prose Styles
 * Pure CSS isolated for .apple-article-content & .apple-scrollbar
 */

/* Reset triệt để mọi inline styles font & background từ CKEditor cũ */
.apple-article-content,
.apple-article-content * {
  font-family: inherit !important;
}
.apple-article-content * {
  background-color: transparent !important;
  background: transparent !important;
}
.apple-article-content span {
  color: inherit !important;
  font-size: inherit !important;
  font-family: inherit !important;
  line-height: inherit !important;
}

/* Thiết lập chuẩn văn bản đọc dài cao cấp */
.apple-article-content {
  color: #27364b;
  font-size: 15.5px;
  line-height: 1.85;
  letter-spacing: -0.005em;
}
.apple-article-content p,
.apple-article-content > div:not(:empty) {
  margin-top: 0;
  margin-bottom: 1.25rem;
  color: #27364b;
  line-height: 1.85;
}

/* Tiêu đề cấp 2 (Mục lớn) */
.apple-article-content h1,
.apple-article-content h2 {
  color: #024834 !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.015em !important;
  margin-top: 2.25rem !important;
  margin-bottom: 0.875rem !important;
  padding-left: 0.75rem !important;
  border-left: 3.5px solid #83cc20 !important;
  border-bottom: none !important;
}
.apple-article-content h1:first-child,
.apple-article-content h2:first-child {
  margin-top: 0 !important;
}

/* Tiêu đề cấp 3 (Mục nhỏ) */
.apple-article-content h3 {
  color: #0b4d3a !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin-top: 1.75rem !important;
  margin-bottom: 0.625rem !important;
}

/* Tiêu đề cấp 4 */
.apple-article-content h4 {
  color: #0f172a !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  margin-top: 1.25rem !important;
  margin-bottom: 0.5rem !important;
}

/* Chữ in đậm */
.apple-article-content strong,
.apple-article-content b {
  color: #0f172a;
  font-weight: 700;
}

/* Danh sách chấm tròn & số */
.apple-article-content ul {
  list-style-type: disc !important;
  padding-left: 1.5rem !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1.25rem !important;
}
.apple-article-content ol {
  list-style-type: decimal !important;
  padding-left: 1.5rem !important;
  margin-top: 0.5rem !important;
  margin-bottom: 1.25rem !important;
}
.apple-article-content li {
  margin-bottom: 0.55rem !important;
  line-height: 1.8 !important;
  color: #27364b !important;
}
.apple-article-content li::marker {
  color: #83cc20 !important;
  font-weight: bold;
}
.apple-article-content li p {
  margin-bottom: 0.35rem !important;
}

/* Liên kết */
.apple-article-content a {
  color: #024834 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 150ms ease !important;
}
.apple-article-content a:hover {
  color: #72b31b !important;
}

/* Bảng biểu */
.apple-article-content table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 0.75rem !important;
  overflow: hidden !important;
  margin: 1.75rem 0 !important;
  font-size: 0.875rem !important;
}
.apple-article-content th {
  background: #f8fafc !important;
  color: #024834 !important;
  font-weight: 700 !important;
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #e2e8f0 !important;
  text-align: left !important;
}
.apple-article-content td {
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #f1f5f9 !important;
  color: #27364b !important;
  line-height: 1.6 !important;
}

/* Hình ảnh trong bài */
.apple-article-content img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 0.875rem !important;
  border: 1px solid rgba(2, 72, 52, 0.08) !important;
  box-shadow: 0 4px 16px -2px rgba(2, 72, 52, 0.06) !important;
  margin: 1.5rem auto !important;
  display: block !important;
}

/* Trích dẫn */
.apple-article-content blockquote {
  border-left: 3px solid #83cc20 !important;
  background: #f8fafc !important;
  padding: 0.875rem 1.25rem !important;
  border-radius: 0 0.875rem 0.875rem 0 !important;
  margin: 1.5rem 0 !important;
  font-style: italic !important;
  color: #024834 !important;
}

/* Thanh cuộn Sidebar tinh tế */
.apple-scrollbar::-webkit-scrollbar {
  width: 4px;
}
.apple-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.apple-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(2, 72, 52, 0.15);
  border-radius: 9999px;
}
.apple-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(2, 72, 52, 0.35);
}