/* ============================================================
   Trang trí BÀI VIẾT + TRANG TRONG của tuvannhathuong.com.
   Tách khỏi tvnh.css (trang chủ) để hai việc không đè nhau.

   ⛔ MỌI quy tắc PHẢI neo vào .tvnh-bai. Đây là nội dung nằm trong
      entry-content của Genesis; selector trần là đè cả website.
   ⛔ Lề trong @media viết RỜI TỪNG PHÍA. Gộp bốn phía là xoá lề
      ngang, chữ dính sát mép điện thoại. (Đã dính bẫy này ở trang chủ.)
   ⛔ Dấu chấm đầu dòng của Magazine Pro đặt ở chính thẻ li, khai ở ul
      KHÔNG tắt được. Phải tắt ngay tại li.
   ⛔ Không nhét <style> vào nội dung bài: wpautop chèn </p> vào giữa
      khối làm hỏng sạch. Tệp này nạp qua wp_enqueue_style.
   ============================================================ */
.tvnh-bai{--navy:#0E1B33;--navy2:#14274a;--navy3:#1b3563;
      --gold:#D4AF37;--gold-d:#856820;--giay:#F6F4EF;
      --muc:#1c2431;--muc2:#4a5568;--ke:rgba(14,27,51,.13);
      --do:#8C2F2F;--do-nen:#FBF1F1;
      font-size:17px;line-height:1.75;color:var(--muc)}
.tvnh-bai *{box-sizing:border-box}
.tvnh-bai img{max-width:100%;height:auto;border-radius:10px}
.tvnh-bai p{margin:0 0 18px}

/* ---------- tiêu đề trong bài ---------- */
.tvnh-bai h2{position:relative;font-size:25px;line-height:1.3;
  color:var(--navy);margin:38px 0 16px;padding:0 0 10px}
.tvnh-bai h2::after{content:"";position:absolute;left:0;bottom:0;
  width:56px;height:3px;background:var(--gold);border-radius:2px}
.tvnh-bai h3{font-size:20px;line-height:1.35;color:var(--navy2);margin:26px 0 12px}

/* ---------- hộp tóm lược, đặt ngay đầu bài ----------
   Vừa cho người đọc vội, vừa để máy tìm kiếm và trợ lý AI bóc được ý chính. */
.tvnh-bai .tomluoc{background:var(--giay);border-left:4px solid var(--gold);
  border-radius:0 12px 12px 0;padding:22px 26px;margin:0 0 30px}
.tvnh-bai .tomluoc .nhan{display:block;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-d);font-weight:700;margin:0 0 10px}
.tvnh-bai .tomluoc p{margin:0 0 10px}
.tvnh-bai .tomluoc p:last-child{margin-bottom:0}

/* ---------- hộp cảnh báo văn bản đã hết hiệu lực ---------- */
.tvnh-bai .canhbao{background:var(--do-nen);border:1px solid rgba(140,47,47,.28);
  border-radius:12px;padding:20px 24px;margin:0 0 28px}
.tvnh-bai .canhbao .nhan{display:block;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--do);font-weight:700;margin:0 0 10px}
.tvnh-bai .canhbao p{margin:0 0 10px}
.tvnh-bai .canhbao p:last-child{margin-bottom:0}

/* ---------- hộp căn cứ pháp lý ---------- */
.tvnh-bai .cancu{background:linear-gradient(135deg,var(--navy) 0%,var(--navy2) 100%);
  color:#fff;border-radius:14px;padding:26px 30px;margin:32px 0}
.tvnh-bai .cancu .nhan{display:block;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);font-weight:700;margin:0 0 14px}
.tvnh-bai .cancu ul{margin:0;padding:0}
.tvnh-bai .cancu li{list-style:none;list-style-type:none;margin:0 0 10px;
  padding:0 0 0 22px;position:relative;color:rgba(255,255,255,.92)}
.tvnh-bai .cancu li::marker{content:""}
.tvnh-bai .cancu li::before{content:"";position:absolute;left:0;top:10px;
  width:7px;height:7px;border-radius:50%;background:var(--gold)}
.tvnh-bai .cancu li:last-child{margin-bottom:0}
/* ⛔ CHỪA .nut ra. Quét hết `a` trong khối là tô vàng luôn chữ trên nút vàng. */
.tvnh-bai .cancu a:not(.nut){color:var(--gold);text-decoration:underline}

/* ---------- danh sách thường trong bài ---------- */
.tvnh-bai ul:not(.tron){margin:0 0 20px;padding:0}
.tvnh-bai ul:not(.tron) > li{list-style:none;list-style-type:none;
  position:relative;padding:0 0 0 22px;margin:0 0 9px}
.tvnh-bai ul:not(.tron) > li::marker{content:""}
.tvnh-bai ul:not(.tron) > li::before{content:"";position:absolute;left:2px;top:11px;
  width:6px;height:6px;border-radius:50%;background:var(--gold)}
.tvnh-bai ol{margin:0 0 20px;padding:0 0 0 22px}
.tvnh-bai ol > li{margin:0 0 9px}

/* ---------- bảng, cuộn ngang được trên điện thoại ---------- */
.tvnh-bai .bang{overflow-x:auto;margin:0 0 26px;
  border:1px solid var(--ke);border-radius:12px}
.tvnh-bai .bang table{width:100%;border-collapse:collapse;margin:0;font-size:15.5px}
.tvnh-bai .bang th{background:var(--navy);color:#fff;text-align:left;
  padding:13px 16px;font-weight:600;white-space:nowrap}
.tvnh-bai .bang td{padding:12px 16px;border-top:1px solid var(--ke);vertical-align:top}
.tvnh-bai .bang tr:nth-child(even) td{background:rgba(14,27,51,.028)}
/* Số trong bảng canh phải — anh Kiên đã đính chính quy ước này. */
.tvnh-bai .bang td.so,.tvnh-bai .bang th.so{text-align:right;
  font-variant-numeric:tabular-nums;white-space:nowrap}

/* ---------- hỏi đáp ---------- */
.tvnh-bai .hoidap{margin:32px 0 26px}
.tvnh-bai .hoidap > .nhan{display:block;font-size:12.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-d);font-weight:700;margin:0 0 14px}
.tvnh-bai .hd{border:1px solid var(--ke);border-radius:12px;
  padding:16px 20px;margin:0 0 12px;background:#fff}
.tvnh-bai .hd > summary{cursor:pointer;font-weight:600;color:var(--navy);
  list-style:none;font-size:17px}
.tvnh-bai .hd > summary::-webkit-details-marker{display:none}
.tvnh-bai .hd > summary::after{content:"+";float:right;color:var(--gold);
  font-weight:700;font-size:20px;line-height:1}
.tvnh-bai .hd[open] > summary::after{content:"–"}
.tvnh-bai .hd > summary + *{margin-top:14px}
.tvnh-bai .hd p:last-child{margin-bottom:0}

/* ---------- trích dẫn điều luật ---------- */
.tvnh-bai blockquote{margin:0 0 24px;padding:16px 22px;background:var(--giay);
  border-left:3px solid var(--navy3);border-radius:0 10px 10px 0;
  font-size:16px;color:var(--muc2)}
.tvnh-bai blockquote p:last-child{margin-bottom:0}

/* ---------- dòng ghi ngày cập nhật ---------- */
.tvnh-bai .ngaycn{display:inline-block;font-size:13.5px;color:var(--muc2);
  background:var(--giay);border-radius:999px;padding:6px 16px;margin:0 0 24px}

/* ---------- khối mời liên hệ cuối bài ---------- */
.tvnh-bai .moi{background:var(--giay);border:1px solid var(--ke);
  border-radius:14px;padding:26px 30px;margin:36px 0 0}
.tvnh-bai .moi h3{margin:0 0 10px}
.tvnh-bai .moi p:last-child{margin-bottom:0}
.tvnh-bai .nut{display:inline-block;background:var(--gold);color:var(--navy);
  font-weight:700;text-decoration:none;border-radius:999px;
  padding:12px 26px;margin:6px 0 0}
.tvnh-bai .nut:hover{background:var(--gold-d);color:#fff}

@media (max-width:782px){
  .tvnh-bai{font-size:16px}
  .tvnh-bai h2{font-size:22px}
  .tvnh-bai h3{font-size:18.5px}
  /* ⛔ Viết padding RỜI từng phía. Gộp bốn phía ở đây là xoá luôn lề ngang. */
  .tvnh-bai .tomluoc{padding-top:18px;padding-right:20px;
    padding-bottom:18px;padding-left:20px}
  .tvnh-bai .cancu{padding-top:22px;padding-right:22px;
    padding-bottom:22px;padding-left:22px}
  .tvnh-bai .canhbao{padding-top:17px;padding-right:19px;
    padding-bottom:17px;padding-left:19px}
  .tvnh-bai .moi{padding-top:22px;padding-right:22px;
    padding-bottom:22px;padding-left:22px}
}