/* ==========================================================================
   41-page-chinh-sach-bao-mat.css — tách từ style.css ngày 17/08/2026 theo III.4.1.
   Nội dung bên dưới là NGUYÊN VĂN các mục §13 trang #23 của bản gộp;
   không sửa một luật nào trong lần tách này.
   ========================================================================== */


/* ── §13 trang #23 (dòng 2598–2745 của style.css cũ) ──────────────────── */

/* ==========================================================================
   13. LÔ 1 GIAI ĐOẠN D — TRANG #23 "CHÍNH SÁCH BẢO MẬT"
   Figma 697:21351 (desktop) · 1385:23165 (mobile)

   ⚠ Bản demo KHÔNG có khối "Tóm tắt nội dung"; Figma CÓ (mục lục 10 điều,
   cột phải desktop / trên cùng mobile). Đã dựng thêm — xem bảng dịch.

   ⛔ Mọi quy tắc dùng chung phải neo '#content' hoặc ':where(:not(.t4fx-footer))'
   như mục 11, nếu không lại đè lên footer.
   ========================================================================== */

/* [figma] '697:21394' — Frame 1707479535 · 1080×2179 · trang23·than
   (lớp DUY NHẤT rộng 1080px trong figma-spec/trang23.json) */
/* Thẻ trắng 1080 tại x=410 — vẽ bằng nền của chính HÀNG, không lồng row */
#content .t4fx-cs-hang {
  max-width: 1080px; background: var(--t4-white); padding: 24px;
  align-items: flex-start;
}
#content .t4fx-cs-hang > .col { padding-left: 0; padding-right: 0; }
#content .t4fx-cs-hang > .col.t4fx-cs-dau { margin-bottom: 32px; }

#content .t4fx-cs-h1 h1 {
  font-family: var(--t4-font-head); font-weight: 600;
  font-size: 40px; line-height: 53px; color: var(--t4-dark-moss); margin: 0;
}
#content .t4fx-cs-ngay { margin-top: 10px; }
#content .t4fx-cs-ngay p {
  font-family: var(--t4-font-body); font-weight: 400;
  font-size: 12px; line-height: 16.392px; color: #7c7c7c; margin: 0 0 0 4px;
}

/* [figma] trang23 · section than — section DUY NHẤT chứa đủ
   bộ bề rộng của cụm này: 350px→'697:21436' (+3) · 650px→'697:21421' (+30)
   (khớp theo TẬP bề rộng, chắc hơn khớp từng số: 528 đứng một
   mình ra hàng trăm ứng viên, '528 và 506 cùng một section'
   thì gần như duy nhất) */
/* Hai cột: nội dung 650 | mục lục 350, khe 32 (Figma x=434 và x=1116) */
/* Hai cột: nội dung 650 | mục lục 350, khe 32 (Figma x=434 và x=1116) */
#content .t4fx-cs-hang > .col.t4fx-cs-noidung { flex: 0 0 650px; max-width: 650px; width: 650px; }
#content .t4fx-cs-hang > .col.t4fx-cs-toc {
  flex: 0 0 350px; max-width: 350px; width: 350px; margin-left: 32px;
}

/* Mười điều — h2 Manrope 22/30, thân 14/24, kẻ ngăn 0,5px #a2a2a2 */
#content .t4fx-cs-dieu + .t4fx-cs-dieu { margin-top: 16px; }
/* ⚠ Kẻ ngăn giữa các điều: Figma là VECTOR cao 0 — nó KHÔNG chiếm chỗ trong
   bố cục. Dùng 'border-top: 0.5px' thì trình duyệt vẫn cấp cho nó một hàng
   thật (~1px mỗi cái), mười điều dôi ~10px chiều cao trang. Vẽ bằng ảnh nền
   thì đúng 0,5px về thị giác mà không tốn một pixel bố cục nào. */
#content .t4fx-cs-dieu + .t4fx-cs-dieu > div {
  padding-top: 16px;
  background-image: linear-gradient(#a2a2a2, #a2a2a2);
  background-size: 100% 0.5px;
  background-repeat: no-repeat;
  background-position: left top;
}
#content .t4fx-cs-dieu h2 {
  font-family: var(--t4-font-body); font-weight: 700;
  font-size: 22px; line-height: 30.052px; color: #000; margin: 0 0 16px;
  letter-spacing: 0;
}
#content .t4fx-cs-dieu p,
#content .t4fx-cs-dieu li { font-size: 14px; line-height: 24px; color: #353535; }
#content .t4fx-cs-dieu p { margin: 0 0 8px; }
#content .t4fx-cs-dieu ul { margin: 0 0 8px; padding-left: 20px; }
#content .t4fx-cs-dieu li { margin-left: 0; }
#content .t4fx-cs-dieu > div > *:last-child { margin-bottom: 0; }

/* [figma] trang23 · section than/than_mb — 2 lớp rộng 26px: '697:21439' · '1385:23241'
   (nhiều lớp cùng khổ nên KHÔNG ghim một node; mở spec trang 23 để chọn) */
/* Mục lục: tiêu đề + hộp trắng bo 5 */
#content .t4fx-cs-tt {
  display: flex; align-items: center; gap: 8px; height: 40px;
  font-family: var(--t4-font-head); font-weight: 700;
  font-size: 20px; line-height: 26.66px; color: var(--t4-dark-moss);
}
#content .t4fx-cs-tt-icon {
  flex: 0 0 26px; height: 14px;
  background: no-repeat center/26px 14px
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14'%3E%3Cg fill='none' stroke='%23cf9156' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 2h24M1 7h24M1 12h14'/%3E%3C/g%3E%3C/svg%3E");
}
#content .t4fx-cs-ml {
  list-style: none; margin: 20px 0 0; padding: 24px;
  background: var(--t4-white); border-radius: 5px; min-height: 390px;
}
#content .t4fx-cs-ml li { margin: 0; }
#content .t4fx-cs-ml li + li { border-top: 0.5px solid #a2a2a2; }
#content .t4fx-cs-ml a {
  display: block; padding: 8px 0;
  font-family: var(--t4-font-body); font-weight: 500;
  font-size: 14px; line-height: 19.124px; color: var(--t4-camel-dark);
  text-decoration: none;
}
#content .t4fx-cs-ml a:hover { color: var(--t4-dark-moss); }

/* [figma] '1385:23201' — Frame 1707479535 · 362×3626 · trang23·than_mb
   (lớp DUY NHẤT rộng 362px trong figma-spec/trang23.json) */
@media (max-width: 849px) {
  /* Figma mobile: thẻ 362 tại x=20, mục lục nằm TRÊN nội dung */
  #content .t4fx-cs-hang { max-width: 362px; width: 362px; }
  #content .t4fx-cs-hang > .col.t4fx-cs-noidung,
  #content .t4fx-cs-hang > .col.t4fx-cs-toc {
    flex: 0 0 100%; max-width: 100%; width: 100%; margin-left: 0;
  }
  #content .t4fx-cs-hang > .col.t4fx-cs-toc { order: -1; margin-bottom: 32px; }
  #content .t4fx-cs-hang > .col.t4fx-cs-dau { margin-bottom: 17px; }
  #content .t4fx-cs-h1 h1 { font-size: 32px; line-height: 35px; font-weight: 700; }
}

/* --- 13.1 vá vòng đo #23 --- */
/* Figma: mục lục cao đúng 390 — mục 19px + đệm dọc 8, hộp đệm 24 */
#content .t4fx-cs-ml { padding: 24px; min-height: 390px; }
#content .t4fx-cs-ml a { padding: 7.5px 0; }
/* Điều 1: Figma tiêu đề y=167 h=30, thân y=213 → cách 16 */
#content .t4fx-cs-dieu h2 { margin-bottom: 16px; }

@media (max-width: 849px) {
  /* Thứ tự Figma mobile: TIÊU ĐỀ → mục lục → nội dung.
     'order: -1' trên mục lục đẩy nó lên TRƯỚC cả tiêu đề (lệch 500px);
     phải cho tiêu đề một order nhỏ hơn nữa. */
  #content .t4fx-cs-hang > .col.t4fx-cs-dau { order: -2; }
  #content .t4fx-cs-hang > .col.t4fx-cs-toc { order: -1; }
  #content .t4fx-cs-hang > .col.t4fx-cs-noidung { order: 0; }
}

/* --- 13.2 vá vòng hai #23 --- */
/* Figma gộp cả khối chữ của một điều vào MỘT lớp chữ: 96px = đúng 4 dòng ×24,
   KHÔNG có khoảng cách giữa đoạn. Để margin 8px là mỗi điều dôi ra vài px,
   nhân 10 điều thành lệch gần 300px ở chiều cao trang. */
#content .t4fx-cs-dieu p { margin: 0; }
#content .t4fx-cs-dieu ul { margin: 0; }
/* Hộp mục lục cao đúng 390 như Figma khai */
#content .t4fx-cs-ml { height: 390px; min-height: 0; padding: 24px; }

/* --- 13.3 vá vòng ba #23 --- */
/* Flatsome cho <li> margin-bottom mặc định; 6 mục × 10 điều dôi ~200px */
#content .t4fx-cs-dieu li { margin: 0; }
#content .t4fx-cs-dieu ul { padding-left: 20px; }

@media (max-width: 849px) {
  /* Figma mobile: khối tiêu đề kết thúc y=152, mục lục bắt đầu y=184 */
  #content .t4fx-cs-hang > .col.t4fx-cs-dau { margin-bottom: 32px; }
}

/* --- 13.4 ĐÃ GIẢI: "mỗi điều dôi 17px" là BÀI THỬ SAI, không phải trang ---
   Script chẩn đoán đầu tiên tính thân bài bằng 'chiều cao div − chiều cao h2
   − 16', nhưng quên rằng chính div đó còn mang 'padding-top: 16px' + viền
   ngăn. Nó báo mọi điều CÓ danh sách dôi 17px trong khi thật ra tất cả đều
   khớp. Đây là lần thứ TƯ dự án dính "bài thử tự viết sai chứ không phải mã
   sai" — đo lại bằng offsetTop từng con mới lộ ra.

   Đo đúng (thân bài, Figma/site): điều 1-6 và 8-10 khớp 0,0px tuyệt đối.

   ⚠ RIÊNG ĐIỀU 7 lệch +24px và đó là LỖI CỦA FIGMA, không phải của site:
   node chữ khai hộp cao 48px (2 dòng) trong khi chính chuỗi 200 ký tự đó ở
   bề rộng 650/14px phải là 3 dòng = 72px. Chữ hai bên GIỐNG HỆT nhau (đã so
   nguyên văn). Đúng cạm bẫy "hộp chữ Figma nhỏ hơn chữ nó vẽ ra" ghi ở bản
   bàn giao 16f. Không kéo chữ cho vừa hộp sai. */


/* ⛔ MỌI bộ chọn từ đây trở xuống KHOÁ VÀO 'body.t4-trang-chinh-sach-bao-mat'.
   Lý do đã trả giá 19/08/2026: tệp '41-page-*.css' KHÔNG được nạp có điều kiện
   (III.11-5 chưa làm), nên nó áp lên mọi trang. Lớp 't4fx-cs-mo' tôi đặt cho
   ĐOẠN của trang chính sách trùng tên với 't4fx-cs-mo' của khối casestudy
   trang #4 — 'cs' bên kia là "casestudy", bên này là "chính sách". Một luật
   'text-align: justify' đủ để kéo trang #4 từ '0 ❌' lên '2 ❌', mà trang #23
   thì vẫn xanh. Lớp đã đổi tên thành 't4fx-cs-doan'; khoá phạm vi là lớp
   phòng thứ hai.
   → Đây là xung đột tên lớp thứ NĂM giữa các trang. */

/* --- 13.5 LƯỢT CHUYỂN T0 (19/08/2026): mười điều dựng bằng phần tử Flatsome
   [phục vụ] phần tử: Text ([ux_text]) và Menu ([ux_menu]+[ux_menu_link])
   [khối] mười điều của #chinh-sach + hộp "Tóm tắt nội dung"
   [trang] chinh-sach-bao-mat | [figma] 697:21351 (desktop) · 1385:23165 (mobile)
   [lý do vượt panel] khoảng cách giữa các điều, kẻ ngăn 0,5px và dấu chấm đầu
   dòng đều không có ô trong panel Text

   CẤU TRÚC CŨ → MỚI:
     mỗi điều = MỘT [ux_text] chứa <div id> + <h2> + <p> + <ul><li>
       ↓
     tiêu đề  → [ux_text class="t4fx-cs-dieu t4fx-cs-td"]  (id neo nằm trên <h2>)
     đoạn     → [ux_text class="t4fx-cs-dieu t4fx-cs-doan"]
     mục liệt → [ux_text class="t4fx-cs-dieu t4fx-cs-muc"]  (mỗi mục MỘT ô)
     mục lục  → [ux_menu class="t4fx-cs-ml"] + [ux_menu_link]

   ⛔ 'id' neo đặt trên chính '<h2>', KHÔNG đặt trên phần tử: 'ux_text.php'
   không có thuộc tính 'id' (nó tự sinh 'text-<số ngẫu nhiên>'), còn '[col]'
   thì có '_id' nhưng lồng mười cột nữa vào một cột là thêm 20 lớp <div> cho
   một việc mà một thuộc tính trên thẻ tiêu đề làm xong. Neo trên '<h2>' còn
   đưa người đọc tới ĐÚNG dòng tiêu đề.

   ⛔ '.t4fx-cs-dieu + .t4fx-cs-dieu { margin-top: 16px }' của mục 13 nay bắt
   MỌI cặp anh em trong một điều (tiêu đề→đoạn→mục), không còn là "giữa hai
   điều" nữa. Phải trả về 0 rồi cấp lại 16px cho riêng thẻ tiêu đề. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-dieu + .t4fx-cs-dieu { margin-top: 0; }
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-dieu h2 { margin: 0; }
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-td { margin-bottom: 16px; }
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-doan,
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-muc { margin: 0; }

/* Kẻ ngăn + khe 16px CHỈ trước tiêu đề của điều thứ hai trở đi. Tiêu đề đầu
   tiên là con đầu của cột nên không có anh em '.t4fx-cs-dieu' đứng trước —
   không cần ':not(:first-child)' nào cả.
   Vẫn vẽ bằng ảnh nền chứ không 'border-top', đúng lý do đã ghi ở mục 13:
   vector Figma cao 0 nên không được chiếm một pixel bố cục nào. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-dieu + .t4fx-cs-td {
  margin-top: 16px; padding-top: 16px;
  background-image: linear-gradient(#a2a2a2, #a2a2a2);
  background-size: 100% 0.5px;
  background-repeat: no-repeat;
  background-position: left top;
}

/* [figma] trang23 · section crumb/crumb_mb — 2 lớp rộng 5px: '1015:14502' · '1385:23176'
   (nhiều lớp cùng khổ nên KHÔNG ghim một node; mở spec trang 23 để chọn) */
/* Mục liệt kê: <ul> cũ cho đệm trái 20px và một chấm tròn; nay tự vẽ lại. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-muc { position: relative; padding-left: 20px; }
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-muc::before {
  content: ""; position: absolute; left: 6px; top: 9.5px;
  width: 5px; height: 5px; border-radius: 50%; background: #353535;
}

/* [figma] trang23 · section than/than_mb — 2 lớp rộng 26px: '697:21439' · '1385:23241'
   (nhiều lớp cùng khổ nên KHÔNG ghim một node; mở spec trang 23 để chọn) */
/* "Tóm tắt nội dung": khối flex + icon nay nằm trên chính ô văn bản, vì hai
   <span> con đã bị bỏ (span ngoài whitelist III.2). */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-tt::before {
  content: ""; flex: 0 0 26px; height: 14px;
  background: no-repeat center/26px 14px
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='14'%3E%3Cg fill='none' stroke='%23cf9156' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M1 2h24M1 7h24M1 12h14'/%3E%3C/g%3E%3C/svg%3E");
}
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-tt p { margin: 0; font: inherit; color: inherit; }

/* Mục lục dựng bằng [ux_menu]: Flatsome nhả '<div class="ux-menu stack
   stack-col">' (bẫy II.H-2 — KHÔNG có <li> nào), và '.stack' là flex.
   Trả về 'display: block' để giữ nguyên bố cục cũ. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml { display: block; height: 390px; min-height: 0; }

/* ⛔ KẺ NGĂN GIỮA HAI MỤC PHẢI VẼ BẰNG ẢNH NỀN, KHÔNG DÙNG 'border-top'.
   Không phải chuyện thẩm mỹ: 'scripts/liet-ke-chu.js' coi tổ tiên gần nhất
   CÓ NỀN / CÓ VIỀN / CÓ BO GÓC là "hộp" của lớp chữ. Đặt viền thật lên
   '.ux-menu-link' là biến chính nó thành hộp, và bảng dày quay sang so nó
   (36px, không nền, bo 0) với hộp mục lục của Figma (390px, trắng, bo 5) —
   ra 30 mốc ❌ cho một thứ hiển thị đúng. Ảnh nền không đụng 'backgroundColor'
   nên hộp vẫn là '.t4fx-cs-ml'. Cùng thủ thuật đã dùng cho kẻ ngăn các điều,
   và ở đây có thêm lý do thứ hai ngoài chuyện chiếm chỗ. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml .ux-menu-link + .ux-menu-link {
  background-image: linear-gradient(#a2a2a2, #a2a2a2);
  background-size: 100% 0.5px;
  background-repeat: no-repeat;
  background-position: left top;
}
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml .ux-menu-link__link {
  display: block; padding: 7.5px 0; text-decoration: none;
}
/* Lớp Figma "Điều N" rộng 302 (desktop) / 266 (mobile) = trọn bề ngang hộp.
   '<span class="ux-menu-link__text">' mặc định là inline nên hộp chỉ bằng bề
   rộng chữ (~41px) — trải nó ra mới so được bề rộng. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml .ux-menu-link__text { display: block; flex: 1 1 auto; }
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml .ux-menu-link__text {
  font-family: var(--t4-font-body); font-weight: 500;
  font-size: 14px; line-height: 19.124px; color: var(--t4-camel-dark);
}
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml .ux-menu-link__link:hover .ux-menu-link__text {
  color: var(--t4-dark-moss);
}

/* --- 13.6 Hai mốc dọc của hộp mục lục, đo lại từ Figma ---------------------
   [phục vụ] phần tử: Text + Menu | khối: "Tóm tắt nội dung" và hộp mục lục
   [trang] chinh-sach-bao-mat | [figma] than 697:21351 · than_mb 1385:23165
   [lý do vượt panel] căn dọc trong khung 40px và đệm hàng của [ux_menu]

   Số Figma (khổ desktop, gốc là mép trên khung tiêu đề mục lục y=167):
     khung tiêu đề 167 …40… 207      chữ "Tóm tắt nội dung" 185–199 ⇒ TÂM ở 25
     hộp mục lục   227 …390… 617     "Điều 1" 251–270 ⇒ tâm 260,5 = hộp +33,5
     "Điều 1"→"Điều 2" 251→286 ⇒ bước 35

   ⛔ Chữ tiêu đề KHÔNG căn giữa khung 40px: Figma chừa 18 trên và 8 dưới.
   Căn giữa cho tâm ở 20 — lệch 5px, và 5px đó hiện ra ở BA mốc khác nhau
   (chữ→mục lục ở cả hai khổ, và điều 1 ở cột trái). Đệm trên 10px kéo tâm về
   đúng 25 mà vẫn giữ khung cao 40. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-tt { box-sizing: border-box; padding-top: 10px; }

/* ⛔ Đệm 24px của hộp là đệm của HỘP, không phải của hàng đầu tiên: Figma đặt
   chữ "Điều 1" đúng 24px dưới mép hộp, nên đệm trên của hàng phải được TRỪ
   khỏi đệm hộp. Để cả hai (24 + 7,5) là mọi mục tụt 7,5px và kéo theo bốn mốc
   chéo cột. 8px trên/dưới cho bước 35 đúng Figma, và kẻ ngăn rơi vào giữa
   khe — đúng chỗ Figma vẽ nó. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml { padding: 16px 24px 24px; }
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml .ux-menu-link__link { padding: 8px 0; }

/* --- 13.7 Breadcrumb khổ điện thoại: trả về số Figma của CHÍNH trang này ---
   [phục vụ] phần tử: breadcrumb child theme | khối: #crumb
   [trang] chinh-sach-bao-mat | [figma] crumb_mb — "Home" 13,8/22 w=39 ·
   mũi tên rộng 32 (x 64→96) · "Bảo mật" 13,9/22 w=54
   [lý do vượt panel] breadcrumb do child theme in ra, không có phần tử builder

   ⛔ HAI luật TOÀN CỤC nằm trong tệp của trang KHÁC đang đè lên trang này:
     '40-page-xu-ly-loi-sai-google-ads.css'  .t4fx-crumb ol { font-size: 10px }
                                             .t4fx-crumb li + li::before { width: 20px }
     '44-nhom-ggm.css'                       .t4 nav.t4fx-crumb ol li:last-child *
                                             { line-height: 13px }
   Cả ba đều là số của trang #4 (Figma node 1113:23113 khai 10px) nhưng bộ chọn
   không hề khoá vào trang #4 — đúng cái mà linter mục (8) của III.4.0 đang
   chặn 22 lỗi. Đường sửa TẬN GỐC là dời chúng về phạm vi trang, nhưng việc đó
   đã có hồ sơ I.6 và phải làm khi không còn trang nào dựng dở; ở đây chỉ giành
   lại phạm vi của MỘT trang, không đụng tệp của trang khác.

   ⚠ Đặt 13,9 cho cả hai mục: Figma khai "Home" 13,8 và "Bảo mật" 13,9 — chênh
   0,1px, dưới ngưỡng 0,5px của I.2, nên một con số là đủ cho cả hai. */
@media (max-width: 849px) {
  .t4.t4-trang-chinh-sach-bao-mat .t4fx-crumb ol { font-size: 13.9px; }
  .t4.t4-trang-chinh-sach-bao-mat .t4fx-crumb li + li::before { width: 32px; }
  .t4.t4-trang-chinh-sach-bao-mat nav.t4fx-crumb ol li:last-child,
  .t4.t4-trang-chinh-sach-bao-mat nav.t4fx-crumb ol li:last-child * { line-height: 22px; }
}

/* --- 13.8 CĂN LỀ: thân bài CĂN ĐỀU HAI BÊN, tiêu đề CĂN TRÁI --------------
   [phục vụ] phần tử: Text | khối: mười điều + mục lục + đầu trang
   [trang] chinh-sach-bao-mat | [figma] than/than_mb — 'text.can_ngang':
     JUSTIFIED ở cả 10 lớp thân bài · LEFT ở mọi tiêu đề, mục lục, H1
     (CENTER duy nhất ở dòng "Ngày đăng")
   [lý do vượt panel] panel Text có ô căn lề nhưng không có JUSTIFY

   ⛔ Trang đang render MỌI đoạn thân bài ở 'text-align: center' — chữ chính
   sách căn giữa, mỗi dòng thụt vào một kiểu. Bảng dày KHÔNG thấy: nó không
   đọc 'can_ngang' (lỗ hổng II.K-6), và hộp chữ vẫn trùng khít. Nó chỉ lộ ra ở
   hai mốc 'khoang·dx' của điều 7 — ±7,27px, đúng một nửa phần thừa của dòng
   dài nhất trong cột 650. Một lần nữa: '0 ❌' chỉ nghĩa là "không sai ở chỗ bộ
   đo biết hỏi".

   'text-align-last: left' để DÒNG CUỐI không bị giãn — đúng cách Figma vẽ. */
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-h1 h1,
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-dieu h2,
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-tt,
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-ml .ux-menu-link__text { text-align: left; }
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-doan,
body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-muc { text-align: justify; text-align-last: left; }

/* 9. NGẮT DÒNG H1 KHÁC NHAU THEO KHỔ — Figma khai '\n' chỉ ở bản điện thoại
   [phục vụ] phần tử: Text (h1) | khối: '.t4fx-cs-dau'
   [trang] chinh-sach-bao-mat | [figma] than 697:21393 · than_mb 1385:23200
   [lý do vượt panel] ngắt dòng cứng không có ô trong panel

   Chuỗi của lớp Figma:
       than     'CHÍNH SÁCH BẢO MẬT'      (hộp 1032 — một dòng)
       than_mb  'CHÍNH SÁCH \nBẢO MẬT'    (hộp 314 — ngắt CỨNG sau "SÁCH")

   Site không có ngắt cứng nên ở khổ 402 nó tự xuống dòng theo bề rộng và
   nhét được cả "BẢO" lên dòng đầu ⇒ "CHÍNH SÁCH BẢO / MẬT". Hai dòng, cùng
   chiều cao khối, cùng mọi mốc số — nên **bảng dày báo 0 ❌** (II.K-6: không
   phép so nào đọc ngắt dòng). Chỉ ảnh nhiệt của chặng 3b nhìn ra.

   ⛔ Không ép bằng 'max-width' nhỏ hơn 314: đó là con số bịa, và nó sẽ vỡ
   ngay khi ai đó đổi cỡ chữ. Chèn '<br>' đúng chỗ Figma khai rồi giấu nó ở
   khổ desktop — cùng cách mục 19.14 của 44-nhom-ggm.css đã dùng.

   ⚠ PHẢI GIỮ DẤU CÁCH TRƯỚC '<br>': 'CHÍNH SÁCH <br>BẢO MẬT'. Viết dính
   'CHÍNH SÁCH<br>BẢO MẬT' thì ở desktop — nơi '<br>' bị ẩn — hai vế dính
   liền thành "CHÍNH SÁCHBẢO MẬT", lệch đúng một khoảng trắng. Đã dính và đã
   bắt được ngay ở lượt ảnh nhiệt kế tiếp. Chuỗi Figma cũng có dấu cách đó:
   ''CHÍNH SÁCH \nBẢO MẬT''. */
@media (min-width: 850px) {
  body.t4-trang-chinh-sach-bao-mat #content .t4fx-cs-h1 h1 br { display: none; }
}