/* Kaizen #4 (12/11/2026): khu kết bài — "Đọc tiếp" ngay sau đoạn cuối, form bình luận gọn khi chưa có ai bình luận. */
.tns-next{margin:2.4rem 0 .5rem;padding-top:1.6rem;border-top:3px solid var(--tns-ink,#0f172a);font-family:var(--tns-font-ui,'Inter',system-ui,sans-serif)}
.tns-next__label{margin:0 0 14px;color:var(--tns-ink,#0f172a);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tns-next a{color:inherit;text-decoration:none!important}
.tns-next a:focus-visible{outline:3px solid rgb(79 70 229/.35);outline-offset:4px;border-radius:14px}
.tns-next__body{display:flex;flex-direction:column;gap:5px;min-width:0}
.tns-next__meta{color:var(--tns-accent,#4338ca);font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.tns-next__title{color:var(--tns-ink,#0f172a);font-weight:800;line-height:1.35;text-wrap:pretty}
.tns-next a:hover .tns-next__title{color:var(--tns-accent,#4338ca)}

.tns-next__lead{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:20px;align-items:center}
.tns-next__lead .tns-thumb{border-radius:14px}
.tns-next__lead:hover .tns-thumb img{transform:scale(1.03)}
.tns-next__lead .tns-next__title{font-size:1.3rem;letter-spacing:-.01em}
.tns-next__dek{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--tns-soft,#526075);font-family:var(--tns-font-reading,inherit);font-size:.95rem;line-height:1.55}
.tns-next__go{margin-top:4px;color:var(--tns-accent,#4338ca);font-size:.9rem;font-weight:800}

.tns-next__list{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--tns-line,#e3e8f0)}
.tns-next__list li{margin:0;padding:0;border-bottom:1px solid var(--tns-line,#e3e8f0)}
.tns-next__list li::before{content:none}
.tns-next__list a{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:12px 0}
.tns-next__list .tns-thumb{border-radius:10px}
.tns-next__list .tns-next__title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:700}

@media (max-width:640px){
  .tns-next__lead{grid-template-columns:1fr;gap:12px}
  .tns-next__lead .tns-next__title{font-size:1.2rem}
  .tns-next__list a{grid-template-columns:104px 1fr;gap:12px}
  .tns-next__list .tns-next__title{font-size:.95rem}
}

/* Form bình luận gọn */
.tns-comments__compose{margin-top:4px}
.tns-comments__compose>summary{list-style:none}
.tns-comments__compose>summary::-webkit-details-marker{display:none}
.tns-comments__open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1.5px solid #c7d2fe;border-radius:999px;background:#eef2ff;color:var(--tns-accent,#4338ca);font-family:var(--tns-font-ui,inherit);font-size:.95rem;font-weight:800;cursor:pointer;transition:background .15s,border-color .15s}
.tns-comments__open:hover{background:#e0e7ff;border-color:#a5b4fc}
.tns-comments__open:focus-visible{outline:3px solid rgb(79 70 229/.35);outline-offset:2px}
.tns-comments__compose[open]>.tns-comments__open{display:none}
.tns-comments__compose .comment-respond{margin-top:0}

/* Sửa kèm: thanh mục lục mobile (TNS Reader 2.7) được gắn vào <body>, ngoài vùng box-sizing của .tns-article,
   và <button> dạng flex lấy bề rộng tối thiểu theo dòng chữ nowrap bên trong → Chrome mobile nới viewport
   (đo được 592px trên màn 390px). */
.tns-hero__dek{overflow-wrap:anywhere}
.tns-tocbar,.tns-tocbar *{box-sizing:border-box}
.tns-tocbar{max-width:100vw;overflow-x:hidden;contain:inline-size}
.tns-tocbar__btn{min-width:0;overflow:hidden;max-width:min(100%,calc(var(--tns-read,700px) + 40px))}
.tns-tocbar__t{width:0}
