/* ===== BỐ CỤC THÂN BÀI — CHỐT 05/10/2026 (từ mẫu thử ?bocuc, áp cho MỌI bài). Nạp SAU style.css.
   1. Thụt lề: mọi danh sách (số, chấm, [dot], dòng gạch trong [r]) thụt MỘT cấp theo Decap → Giao diện → Dấu đầu
      dòng (--ds-thut-1 / --ds-rong-dau / --ds-cach-chu): dấu nằm trong ô --ds-rong-dau, canh phải như chấm • cũ;
      chữ bắt đầu sau --ds-cach-chu. Danh sách số chỉ nhận 1. / 1-. + thẳng chữ vòng nhỏ, ++ thẳng chữ vòng lớn.
      "-- " (✦ cũ) và "// " (vòng xanh lá) cùng cấp 1 như mọi tiền tố. KHÔNG phân cấp ngầm: dòng không tiền tố
      luôn ở lề 0; + / ++ trước khối ghi chú đặt khối ở lề tương ứng.
   2. Dấu đầu dòng mặc định/[dot] là chấm tròn CSS 7px màu chữ, không dùng ảnh hình thoi vàng.
   3. Hình nền cuối bài: núi khung-nen/8 + mây vàng (::after) và cành lá phong lật từ title-corners/orange-cloud-peak
      (::before) ở góc dưới phải .than-bai, nằm dưới chữ (z-index -1 trong .than-bai đã isolate). ".than-bai.than-bai" cố ý — đủ độ ưu tiên đè luật content:none của frames.css.
   Không đụng danh sách của khu [buoc]/[ket]/[thuong] (.bv-ds — có mốc riêng).
   ⚠️ Khung xem trước Decap dựng cùng phép tính: nthDauAnh / renderLists / [dot] / [r] / ++ trong admin/index.html. */
.article-body{
  --bc-l1:calc(var(--ds-thut-1, 24px) + var(--ds-rong-dau, 12px) + var(--ds-cach-chu, 12px));   /* chữ cấp 1 */
  --bc-d1:calc(var(--ds-thut-1, 24px) + var(--ds-rong-dau, 12px) - 8px);                        /* dấu cấp 1 */
}

/* ---- Danh sách thường; số 1. / 1- dùng quy tắc chung cuối khoi-muc.css ---- */
.article-body ol:not(.bv-ds){list-style:none; margin:0 0 8px 0; padding:0;}
.article-body :is(ol, ul):not(.bv-ds) > li{position:relative; list-style:none; padding-left:var(--bc-l1);}
/* ---- Dấu cấp 1: danh sách, [dot], dòng gạch trong ghi chú [r] ---- */
.article-body :is(ol, ul):not(.bv-ds) > li::before,
.article-body .nth-text-list-line::before,
.article-body .dot-line::before{content:"" !important; position:absolute; left:calc(var(--bc-d1) + 1px); top:calc(.725em - 3.5px); width:7px; height:7px;
  background:currentColor; border:0; border-radius:50%; transform:none; box-shadow:none; text-align:left;}
.article-body .nth-text-list-line,
.article-body .dot-line{padding-left:var(--bc-l1);}
/* -- dùng ::marker vuông theo quy tắc chung cuối khoi-muc.css. */

/* ---- "=> chữ" ở đầu dòng (06/10/2026): MŨI TÊN ➥ MÀU ĐEN đặt đúng chỗ vòng số 1. 2. (ô 16px, cùng tâm), chữ cách
   y hệt danh sách số (--bc-l1 + 2px). p.mui-ten do transform muiTenSyntax dựng. ---- */
.article-body p.mui-ten{position:relative; padding-left:calc(var(--bc-l1) + 2px);}
.article-body p.mui-ten::before{content:"➥"; position:absolute; left:max(0px, calc(var(--bc-d1) - 4.5px)); top:0; width:16px; text-align:center;
  font:700 15px/inherit 'Segoe UI Symbol', 'Noto Sans Symbols 2', system-ui, sans-serif; color:#202124;}
html[data-theme="dark"] .article-body p.mui-ten::before{color:#E8EAED;}

/* Danh sách lồng trong mục: không cộng thêm lề ngoài */
.article-body li :is(ul, ol){margin-left:0;}

/* ---- [z]…[ez] / [z2]…[z5] = GHI CHÚ — THỐNG NHẤT 07/10/2026 (người dùng: "[z] đúng nghĩa ghi chú, giãn dòng bằng nhau
   dù trong hay ngoài khối, đường kẻ đứt khúc như các phiên bản khác"):
   - chữ GHI CHÚ: 13.5px, giãn dòng 1.6, màu xám dịu (màu tác giả tô vẫn giữ); các câu tách dòng KHÔNG thêm khoảng hở;
   - không vạch dọc, [z] không tự thụt; [z2]…[z5] giữ các cấp chỉ định tường minh;
   - luôn sát ngay dưới dòng ý chính phía trên (2px), cách phần sau 10px. Mỗi cấp sau lùi thêm 24px. ---- */
.article-body{--z-co:13.5px; --z-lh:1.6; --z-chu:#4B5563;}
html[data-theme="dark"] .article-body{--z-chu:#B7BDC6;}
.article-body .z-note{--z-x:0px; position:relative; margin:2px 0 10px 0;
  padding:0; font-size:var(--z-co); line-height:var(--z-lh); color:var(--z-chu);}
.article-body .z-note::before{content:none;}
.article-body .z-note > :first-child{margin-top:0;}
.article-body .z-note > :last-child, .article-body .z-note .nth-cau:last-child{margin-bottom:0;}
.article-body .z-note p{margin:0;}
.article-body .z-note .nth-cau + .nth-cau{margin-top:0;}
.article-body .z-note-2{margin-left:calc(var(--z-x) + 24px);}
.article-body .z-note-3{margin-left:calc(var(--z-x) + 48px);}
.article-body .z-note-4{margin-left:calc(var(--z-x) + 72px);}
.article-body .z-note-5{margin-left:calc(var(--z-x) + 96px);}
.article-body .z-note + .z-note{margin-top:4px;}
/* Dòng ý chính ngay trên [z] (đoạn thường, danh sách…) không chừa lề dưới — ghi chú bám sát nó. */
.article-body > :is(p, ul, ol):has(+ .z-note){margin-bottom:0;}

/* ---- "// " giữ chấm xanh lá cũ, không nét nối. ---- */
.article-body :is(ol, ul):not(.bv-ds) > li.list-vong::before{left:calc(var(--bc-d1) + 0px); top:calc(.725em - 3.5px); width:7px; height:7px;
  border-radius:50%; background:#3FA34D; box-shadow:none;}
html[data-theme="dark"] .article-body :is(ol, ul):not(.bv-ds) > li.list-vong::before{background:#6FCF7B; box-shadow:none;}
/* ---- Hình nền cuối bài ---- */
.post-paper.hai-khoi.unified-post > .than-bai{position:relative;}
html .post-paper.hai-khoi.unified-post > .than-bai.than-bai::after{content:""; display:block; position:absolute; z-index:-1; pointer-events:none;
  inset:auto 0 0 auto; width:58%; height:210px; opacity:.42; border:0; border-radius:0; box-shadow:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 48'%3E%3Cg fill='none' stroke='%23D7AE62' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 20H66c9 0 13-8 7-12-5-4-12 0-9 5 2 3 7 2 7-1'/%3E%3Cpath d='M30 34H98c9 0 13-8 7-12-5-4-12 0-9 5 2 3 7 2 7-1'/%3E%3Cpath d='M18 44H58'/%3E%3C/g%3E%3C/svg%3E") right 130px bottom 70px / 96px auto no-repeat,
    url(/assets/khung-nen/8.webp) right bottom / 175% auto no-repeat;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 45%), linear-gradient(0deg, #000 55%, transparent);
  mask-image:linear-gradient(90deg, transparent, #000 45%), linear-gradient(0deg, #000 55%, transparent);
  -webkit-mask-composite:source-in; mask-composite:intersect;}
html .post-paper.hai-khoi.unified-post > .than-bai.than-bai::before{content:""; display:block; position:absolute; z-index:-1; pointer-events:none;
  inset:auto -2px -2px auto; width:170px; height:130px; transform:scaleY(-1); border:0; border-radius:0; box-shadow:none; opacity:1;
  background:url(/assets/title-corners/orange-cloud-peak.webp) right top / 500px auto no-repeat;
  -webkit-mask-image:radial-gradient(125% 125% at 100% 0, #000 40%, transparent 72%); mask-image:radial-gradient(125% 125% at 100% 0, #000 40%, transparent 72%);}
html[data-theme="dark"] .post-paper.hai-khoi.unified-post > .than-bai::after,
html[data-theme="dark"] .post-paper.hai-khoi.unified-post > .than-bai::before{opacity:.3;}

@media (max-width:640px){
  html .post-paper.hai-khoi.unified-post > .than-bai.than-bai::after{width:90%; height:140px;}
  html .post-paper.hai-khoi.unified-post > .than-bai.than-bai::before{width:110px; height:96px; background-size:360px auto;}
}