/* ═══════════════════════════════════════════════════════════
   TRANG ĐỌC BÀI VIẾT — bố cục tạp chí: dải lá mở đầu, ảnh bìa
   nhô lên, mục lục dính bên trái, thân bài một cột hẹp dễ đọc.
   ═══════════════════════════════════════════════════════════ */

/* thanh tiến độ đọc */
.tiendo{position:fixed;top:0;left:0;height:3px;width:0;z-index:120;
  background:linear-gradient(90deg,var(--la-s),var(--la));transition:width .1s linear}

/* ── dải mở đầu ── */
.bd{padding:var(--s7) 0 calc(var(--s9) + 40px)}
@media(min-width:900px){.bd{padding:var(--s8) 0 calc(var(--s9) + 80px)}}
.bd__in{max-width:820px;margin:0 auto;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:var(--s4)}
.bd__duong{font-size:var(--t2);line-height:1.6;color:var(--xam-s)}
.bd__duong a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.35)}
.bd__duong a:hover{border-bottom-color:#fff}
.bd h1{font-size:clamp(28px,4.6vw,44px);line-height:1.28;color:#fff;letter-spacing:-.01em;margin:0;
  text-wrap:balance}
.bd__tom{font-size:clamp(17px,2vw,19px);line-height:1.7;color:var(--xam-s);max-width:64ch;margin:0}
.bd__meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s2) var(--s3);
  font-size:var(--t2);line-height:1.5;color:var(--xam-s)}
.bd__meta i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.45);display:inline-block}

/* ── khung nội dung, kéo lên đè lên dải lá ── */
.bvk{margin-top:calc(var(--s9) * -1);position:relative;z-index:2;padding-bottom:var(--s8)}
.bv-bia{margin:0 auto var(--s6);max-width:980px;border-radius:18px;overflow:hidden;
  box-shadow:0 18px 44px rgba(10,40,22,.22);background:var(--la-n);line-height:0}
.bv-bia img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}

/* ── hai cột: mục lục + thân bài ── */
.bvc{display:grid;gap:var(--s6);justify-content:center}
@media(min-width:1060px){.bvc{grid-template-columns:250px minmax(0,720px);gap:var(--s7);align-items:start}}

/* mục lục */
.ml{background:#fff;border:1px solid var(--vien);border-radius:var(--r);padding:var(--s4) var(--s5)}
@media(min-width:1060px){.ml{position:sticky;top:88px;background:transparent;border:0;border-left:2px solid var(--vien);
  border-radius:0;padding:var(--s1) 0 var(--s1) var(--s5)}}
.ml__ten{display:none;font-size:var(--t1);font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--la-d);margin:0 0 var(--s3);line-height:1.4}
.ml ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}
.ml a{font-size:15px;line-height:1.55;color:var(--xam);text-decoration:none;display:block;transition:color var(--nhanh)}
.ml a:hover,.ml a.dang{color:var(--la-d);font-weight:650}
.ml summary{cursor:pointer;font-size:var(--t3);font-weight:700;color:var(--muc);line-height:1.5;
  list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--s3)}
.ml summary::-webkit-details-marker{display:none}
.ml summary::after{content:"";width:9px;height:9px;border-right:2px solid var(--la);border-bottom:2px solid var(--la);
  transform:rotate(45deg);transition:transform var(--nhanh);flex:none}
.ml[open] summary::after{transform:rotate(-135deg)}
.ml[open] summary{margin-bottom:var(--s4)}
@media(min-width:1060px){.ml summary{display:none}.ml__ten{display:block}.ml ol{display:flex !important}}

/* ── thân bài ── */
.bv__than{min-width:0}
.bv__than>*{margin:0 0 var(--s5)}
.bv__than p{font-size:19px;line-height:1.8;color:#2B3A31}
@media(max-width:600px){.bv__than p{font-size:17.5px;line-height:1.75}}
/* đoạn mở bài nổi bật */
.bv__than>p:first-child{font-size:21px;line-height:1.7;color:var(--muc);font-weight:500;
  padding-left:var(--s5);border-left:3px solid var(--la-s)}
@media(max-width:600px){.bv__than>p:first-child{font-size:19px;padding-left:var(--s4)}}
.bv__than h2{font-size:clamp(22px,3vw,28px);line-height:1.35;color:var(--muc);letter-spacing:-.005em;
  margin:var(--s8) 0 var(--s4);scroll-margin-top:90px;position:relative;padding-top:var(--s4)}
.bv__than h2::before{content:"";position:absolute;top:0;left:0;width:44px;height:4px;border-radius:2px;
  background:linear-gradient(90deg,var(--la-s),var(--la))}
.bv__than h3{font-size:var(--t6);line-height:1.4;color:var(--muc);margin:var(--s6) 0 var(--s3);scroll-margin-top:90px}
.bv__than ul,.bv__than ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--s3)}
.bv__than li{font-size:18.5px;line-height:1.75;color:#2B3A31;position:relative;padding-left:32px}
@media(max-width:600px){.bv__than li{font-size:17px;padding-left:28px}}
.bv__than ul li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50% 0 50% 50%;
  transform:rotate(45deg);background:var(--la-s)}
.bv__than ol{counter-reset:m}
.bv__than ol li{counter-increment:m}
.bv__than ol li::before{content:counter(m);position:absolute;left:0;top:.15em;width:23px;height:23px;border-radius:50%;
  background:var(--la-n);color:var(--la-d);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.bv__than strong{color:var(--muc);font-weight:700}
.bv__than p a,.bv__than li a{color:var(--la-d);text-decoration:underline;text-underline-offset:3px}
.bv__than .nut--la{color:#fff;text-decoration:none}
.bv__anh{margin:var(--s6) 0}
.bv__anh img{width:100%;height:auto;border-radius:var(--r);display:block;box-shadow:0 10px 26px rgba(10,40,22,.12)}
.bv__anh figcaption{margin-top:var(--s3);font-size:var(--t2);line-height:1.6;color:var(--xam);text-align:center}

/* chia sẻ */
.chia{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-top:var(--s6);
  padding-top:var(--s5);border-top:1px solid var(--vien)}
.chia span{font-size:var(--t2);color:var(--xam);line-height:1.5}
.chia a,.chia button{font:inherit;font-size:var(--t2);font-weight:650;line-height:1;cursor:pointer;
  padding:11px 18px;border-radius:var(--rg);border:1px solid var(--vien-2);background:#fff;color:var(--la-d);
  text-decoration:none;transition:all var(--nhanh)}
.chia a:hover,.chia button:hover{border-color:var(--la);background:var(--la-n)}

/* hộp kêu gọi */
.bv__cta{margin-top:var(--s7);background:var(--la-n);border:1px solid #CDE3D4;border-radius:18px;
  padding:var(--s6);display:flex;flex-direction:column;gap:var(--s3);align-items:flex-start}
.bv__cta h2{font-size:var(--t6);line-height:1.35;margin:0;color:var(--muc)}
.bv__cta p{font-size:var(--t3);line-height:1.65;color:var(--xam);margin:0;max-width:56ch}
.bv__cta .nut{margin-top:var(--s2)}

/* bài khác */
.bv__khac{margin-top:var(--s8);max-width:980px;margin-left:auto;margin-right:auto}
.bv__khac h2{font-size:var(--t6);line-height:1.35;margin-bottom:var(--s5);text-align:center}
@media(min-width:1060px){.bvc--don{grid-template-columns:minmax(0,760px)}}