/**
 * NhatDX Themes — chữ trong bài: bài viết, trang, mô tả sản phẩm (.nt-prose), khung bài viết .nx-art, bình luận / đánh giá.
 * Tách khỏi content.css để trang sản phẩm chỉ nạp phần này.
 */

/* ---------- Chữ trong bài (bài viết, trang, mô tả sản phẩm) ---------- */
.nt-prose { font-size: 15.5px; line-height: 1.75; color: #3E3026; overflow-wrap: break-word; }
.nt-prose > :first-child { margin-top: 0; }
.nt-prose p { margin: 0 0 14px; }
.nt-prose h2 { margin: 30px 0 10px; font-size: clamp(21px, 2.2vw, 25px); font-weight: 700; line-height: 1.35; scroll-margin-top: 90px; }:where(html.nt-desk) .nt-prose h2{font-size: clamp(21px, max(2.2vw, 26.4px), 25px)}
.nt-prose h3 { margin: 22px 0 8px; font-size: 18px; font-weight: 700; color: var(--nt-p); }
.nt-prose h4 { margin: 18px 0 6px; font-size: 16px; }
.nt-prose a { color: var(--nt-p-d); font-weight: 600; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--nt-p) 55%, transparent); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.nt-prose a:hover { color: #C8521E; text-decoration-color: #C8521E; }
.nt-prose ul, .nt-prose ol { margin: 0 0 16px; padding-left: 22px; }
.nt-prose li { margin: 0 0 6px; }
.nt-prose ul li::marker { color: var(--nt-p); }
.nt-prose strong { color: var(--nt-ink); }
.nt-prose img { max-width: 100%; height: auto; border-radius: 12px; }
/* Ảnh trong bài hiện đủ khổ: rộng hết cột chữ (không vượt cỡ thật), ảnh dọc cao quá thì thu theo chiều cao màn hình */
.nt-prose img[data-nt-full] { display: block; width: auto; max-width: 100%; max-height: 85vh; height: auto; margin: 14px 0 18px; }
.nt-prose .aligncenter[data-nt-full], .nt-prose .aligncenter > img[data-nt-full] { margin-left: auto; margin-right: auto; }
.nt-prose img[data-nt-full].alignleft, .nt-prose img[data-nt-full].alignright { float: none; margin: 14px 0 18px; }
.nt-prose .wp-caption:has(img[data-nt-full]) { float: none; width: auto !important; margin: 14px 0 18px; }
p.nx-imgrow img[data-nt-full] { margin: 0; max-height: none; }
.nt-prose .wp-caption, .nt-prose figure { max-width: 100% !important; }   /* WordPress ghi sẵn width cố định trên khung ảnh có chú thích */
.nt-prose .wp-caption img { display: block; }
.nt-prose figure { margin: 18px 0 24px; }
.nt-prose figcaption, .nt-prose .wp-caption-text { margin-top: 6px; font-size: 13px; color: var(--nt-muted); text-align: center; }
.nt-prose .aligncenter { display: block; margin-left: auto; margin-right: auto; }
.nt-prose .alignleft { float: left; margin: 4px 20px 12px 0; } .nt-prose .alignright { float: right; margin: 4px 0 12px 20px; }
.nt-prose blockquote { margin: 18px 0; padding: 14px 20px; border-left: 4px solid var(--nt-p); border-radius: 0 12px 12px 0; background: #FBF6EE; font-style: italic; color: var(--nt-body); }
.nt-prose table { width: 100%; border-collapse: collapse; margin: 14px 0 22px; font-size: 14.5px; display: block; overflow-x: auto; }
.nt-prose th, .nt-prose td { padding: 10px 12px; border: 1px solid #EFE5D8; text-align: left; vertical-align: top; }
.nt-prose th { background: #F8F1E7; }
.nt-prose hr { border: 0; border-top: 1px solid #EADCC7; margin: 26px 0; }
.nt-prose iframe { border-radius: 12px; }
p.nx-imgrow { display: grid; grid-template-columns: repeat(var(--n, 2), minmax(0, 1fr)); gap: 12px; align-items: start; }
p.nx-imgrow img { width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 12px; margin: 0; }
p.nx-imgrow a { display: block; }

/* Khung bài viết dùng chung (.nx-art) */
.nx-art { --nx-c: var(--nt-p); color: #3E3026; font-size: 15.5px; line-height: 1.75; }
.nx-art p { margin: 0 0 12px; }
.nx-art h2 { margin: 30px 0 10px; padding: 0; border: 0; font-size: 25px; font-weight: 600; line-height: 1.35; color: var(--nt-ink); }
.nx-art h3 { margin: 20px 0 6px; font-size: 17px; font-weight: 700; line-height: 1.4; color: var(--nt-p); }
.nx-art .nx-highlight { margin: 18px 0; padding: 16px 20px; background: #FBF6F0; border: 1px solid #EFE2CE; border-left: 4px solid var(--nt-p); border-radius: 14px; }
.nx-art .nx-hl-title { margin: 0 0 8px; font-size: 15px; font-weight: 700; letter-spacing: .02em; color: var(--nt-p); }
.nx-art ul.nx-check { margin: 0; padding: 0; list-style: none; }
.nx-art ul.nx-check li { position: relative; margin: 0 0 8px; padding-left: 28px; list-style: none; }
.nx-art ul.nx-check li:last-child { margin-bottom: 0; }
.nx-art ul.nx-check li::before { content: "\2713"; position: absolute; left: 0; top: 4px; width: 19px; height: 19px; border-radius: 50%; background: var(--nt-a-l); color: var(--nt-a); font-size: 11px; font-weight: 800; line-height: 19px; text-align: center; }
.nx-art .nx-steps { counter-reset: nxs; margin: 0 0 8px; }
.nx-art .nx-step { position: relative; margin: 0 0 12px; padding: 14px 16px 4px 62px; background: #fff; border: 1px solid #EFE5D8; border-radius: 12px; }
.nx-art .nx-step::before { counter-increment: nxs; content: counter(nxs); position: absolute; left: 16px; top: 14px; width: 32px; height: 32px; border-radius: 50%; background: var(--nt-p); color: #fff; font-weight: 800; font-size: 15px; line-height: 32px; text-align: center; }
.nx-art .nx-specs { overflow-x: auto; margin: 14px 0 24px; border: 1px solid #EFE5D8; border-radius: 12px; }
.nx-art .nx-specs table { width: 100%; min-width: 480px; margin: 0; border: 0; border-collapse: collapse; display: table; }
.nx-art .nx-specs th, .nx-art .nx-specs td { padding: 10px 14px; border: 0; border-bottom: 1px solid #F3ECE2; text-align: left; vertical-align: top; font-size: 14.5px; line-height: 1.6; }
.nx-art .nx-specs tr:last-child th, .nx-art .nx-specs tr:last-child td { border-bottom: 0; }
.nx-art .nx-specs th { width: 36%; background: #FBF6EE; color: var(--nt-ink); font-weight: 700; }
.nx-art .nx-specs tr:nth-child(even) td { background: #FFFDF9; }
.nx-art ul.nx-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 14px; padding: 0; list-style: none; }
.nx-art ul.nx-tags li { margin: 0; padding: 6px 14px; border-radius: 999px; background: #F8F1E7; color: var(--nt-body); font-size: 14px; font-weight: 600; list-style: none; }
.nx-art figure.nx-fig { max-width: 680px; margin: 18px auto 26px; text-align: center; }
.nx-art figure.nx-fig img { display: block; width: auto; max-width: 100%; height: auto; max-height: 640px; margin: 0 auto; border-radius: 14px; box-shadow: 0 12px 28px -16px rgba(0, 0, 0, .35); background: rgba(0, 0, 0, .03); }
.nx-art .nx-note { margin: 16px 0 24px; padding: 14px 18px; background: #F8F1E7; border: 1px solid #E4D5C0; border-radius: 14px; }
.nx-art .nx-note-title { margin: 0 0 8px; font-weight: 700; color: var(--nt-p); }
.nx-art .nx-note ul { margin: 0; padding-left: 20px; }
.nx-art .nx-note li { margin: 0 0 6px; }
.nx-art .nx-media { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin: 10px 0 24px; }
.nx-art .nx-media img, .nx-art .nx-media iframe { display: block; width: 100%; height: auto; border-radius: 10px; }
.nx-art a, a.nxil-link { color: var(--nt-p-d); font-weight: 600; text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--nt-p) 55%, transparent); text-decoration-thickness: 1.5px; text-underline-offset: 3px; }
.nx-related-posts { margin: 26px 0 0; }
@media (max-width: 600px) {
  :where(html:not(.nt-desk)) .nx-art{ font-size: 14.5px; }
  :where(html:not(.nt-desk)) .nx-art h2{ font-size: 20px; }
  :where(html:not(.nt-desk)) .nx-art figure.nx-fig img{ max-height: 78vh; border-radius: 12px; }
  :where(html:not(.nt-desk)) .nx-art .nx-specs{ overflow: hidden; }
  :where(html:not(.nt-desk)) .nx-art .nx-specs table{ min-width: 0; table-layout: fixed; }
  :where(html:not(.nt-desk)) .nx-art .nx-specs th{ width: 40%; }
  :where(html:not(.nt-desk)) .nx-art .nx-specs th,:where(html:not(.nt-desk)) .nx-art .nx-specs td{ padding: 9px 11px; font-size: 13.5px; overflow-wrap: anywhere; }
}
/* Khung mục lục / mẹo / nguồn trong bài viết do AI viết (hộp "Tóm tắt nhanh" .nx-post-sum được bỏ khi hiển thị — inc/blog.php) */
.nx-post-toc { margin: 0 0 28px; padding: 16px 20px; border-radius: 14px; background: #fff; border: 1px solid #EFE5D8; box-shadow: 0 6px 18px rgba(46, 33, 24, .05); }
.nx-post-toc-t { margin: 0 0 8px; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--nt-ink); }
.nx-post-toc ol { margin: 0 0 0 20px; }
.nx-post-toc li { margin: 4px 0; line-height: 1.5; }
.nx-post-toc li::marker { color: var(--nt-p); font-weight: 700; }
.nx-post-toc a { color: var(--nt-ink); text-decoration: none; border-bottom: 1px dashed color-mix(in srgb, var(--nt-p) 50%, transparent); }
.nx-post-tip { position: relative; margin: 22px 0; padding: 14px 18px 14px 52px; border-radius: 12px; background: #F5FAF6; border: 1px solid var(--nt-a-b); }
.nx-post-tip::before { content: "💡"; position: absolute; left: 16px; top: 13px; font-size: 20px; }
.nx-post-tip p { margin: 0; line-height: 1.65; }
.nx-post-ref { margin: 20px 0; padding: 10px 14px; border-radius: 10px; background: #FBF7F1; font-size: 14px; color: var(--nt-body); }

/* ---------- Bình luận ---------- */
.nt-comments { margin: 40px 0 0; }
.nt-clist { margin: 0 0 24px; padding: 0; list-style: none; }
.nt-clist .comment-body { margin: 0 0 12px; padding: 14px; border: 1px solid #F0E9DF; border-radius: 14px; background: #fff; }
.nt-clist .children { margin: 0 0 0 24px; padding: 0; list-style: none; }
.nt-clist .avatar { float: left; margin: 0 12px 0 0; border-radius: 50%; }
.comment-form p { margin: 0 0 12px; }
.comment-form textarea, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] { width: 100%; }

html.nt-desk{overflow-x:auto}html.nt-desk body{min-width:1200px}