/* ══════════════════════════════════════════════════════════════
   TRANG MỘT LIST TRUYỆN — M.208 · Lệnh 175. Tiền tố `.lt-`
   Port từ mockup/list-truyen.html (jsdom duyệt 13/08), BỎ bảng thử + toast JS.
   ⛔ :root · ⛔ reset · ⛔ CSS menu/chân trang · ⛔ mã màu ngoài hai dải token.
   Trang này còn nạp nen → nhip → danh-sach-truyen.css (.dst-*) → tu-truyen.css
   (.tt-hoan/.tt-rong/.tt-thongbao) → file này. ⛔ vẽ lại thẻ truyện / khuôn rỗng (§9 một nguồn).
   ══════════════════════════════════════════════════════════════ */

/* ── Đầu trang list ── */
.lt-dau{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.lt-dai-bia{display:flex;flex-shrink:0}
.lt-dai-bia img{width:52px;aspect-ratio:5/7;object-fit:cover;display:block;border-radius:4px;
  border:1px solid var(--n30);background:var(--v25);box-shadow:var(--sh-bia)}
.lt-dai-bia img+img{margin-left:-17px}
.lt-dai-bia.trong{display:grid;place-items:center;width:52px;aspect-ratio:5/7;
  border:1px dashed var(--n40);border-radius:4px;color:var(--n50)}
@media(max-width:560px){ .lt-dai-bia img:nth-child(n+4){display:none} }

.lt-than{flex:1;min-width:min(100%,260px)}
.lt-than h1{font-size:var(--fs-title);line-height:var(--lh-td)}
.lt-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
/* Chủ list — bấm được sang hồ sơ. Dùng lại `.avatar` của nen.css, ⛔ vẽ lại. */
.lt-chu{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-small);color:var(--n80)}
.lt-chu .avatar{width:26px;height:26px;font-size:11px}
.lt-chu a:hover{text-decoration:underline;text-underline-offset:2px}
.lt-cham{color:var(--n50)}
.lt-dem{font-size:var(--fs-small);color:var(--n70)}
/* Nhãn phạm vi — §9: LUÔN icon + CHỮ, màu ⛔ đứng một mình */
.lt-nhan{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;
  border:1px solid var(--n40);font-size:var(--fs-eyebrow);color:var(--n70);line-height:1.7}
.lt-nhan svg{width:12px;height:12px;flex-shrink:0}
.lt-nhan.ck{border-color:var(--v50);color:var(--v80)}
.lt-nut{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.lt-nut form{margin:0}
.lt-co{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-eyebrow);
  letter-spacing:.08em;text-transform:uppercase;color:var(--n60);background:none;border:0;
  cursor:pointer;padding:4px 2px;font-family:var(--ff)}
.lt-co:hover{color:var(--canh-bao)}
.lt-co svg{width:13px;height:13px}
@media(max-width:520px){ .lt-co{min-height:44px} }

/* ── Nút gỡ đặt DƯỚI mỗi thẻ truyện, ⛔ đè lên bìa ──
   ⚠️ Đè lên bìa thì trên điện thoại ⛔ có hover, nút hoặc luôn hiện (che ảnh)
      hoặc ⛔ bao giờ hiện. Đặt dưới thẻ là thấy ở mọi thiết bị. */
.lt-go-o{display:block;margin-top:8px}
.lt-go-o form{margin:0}
.lt-go-o .nut{width:100%}
@media(max-width:520px){ .lt-go-o .nut{min-height:44px} }

/* ── Màn KHÔNG XEM ĐƯỢC (list riêng tư, người khác mở) ── */
.lt-chan-cua{display:grid;justify-items:center;gap:11px;padding:64px 20px;text-align:center}
.lt-chan-cua svg{color:var(--n50)}
.lt-chan-cua .tit{font-family:var(--ff-td);font-size:var(--fs-sub);color:var(--n95);line-height:var(--lh-td)}
.lt-chan-cua p{margin:0;max-width:46ch;font-size:var(--fs-small);color:var(--n70);line-height:var(--lh-than)}