/* sach-web.css — phần WEB thêm vào cuốn sách, nằm NGOÀI book.css của tác giả.
 *
 *   book.css là tệp của tác giả và bị chép đè mỗi lần gửi gói sách mới. Mọi luật của web
 *   phải nằm ở đây, nếu không chúng biến mất lặng lẽ ở lần cập nhật kế tiếp — đúng bài
 *   học đã trả giá với bộ giao diện quét coin (biến --cmc bị xoá hai lần).
 *
 *   Dùng lại biến màu của book.css (--paper, --rule, --ink…) để phần thêm vào theo đúng
 *   chế độ sáng/tối của sách, không tự đặt màu riêng.
 */

/* Đường về web, đứng trước tên sách trên thanh trên. */
.topbar-in .ve-web{
  font-size:.82rem;opacity:.72;white-space:nowrap;margin-right:.55rem;
  padding-right:.55rem;border-right:1px solid var(--rule);
}
.topbar-in .ve-web:hover{opacity:1}
@media (max-width:640px){
  /*   Màn hẹp thì thanh trên phải nhường chỗ cho tên chương: bỏ chữ, giữ mũi tên.
       Không ẩn hẳn — đó là đường duy nhất từ trong sách quay lại web. */
  .topbar-in .ve-web{font-size:0;padding-right:.4rem;margin-right:.4rem}
  .topbar-in .ve-web::before{content:"←";font-size:.95rem}
  /*   MỘT HÀNG, KHÔNG XUỐNG DÒNG. Tên chương dài ("06 · Bàn tay và lòng bàn tay") đẩy
       "Mục lục" rơi xuống hàng thứ hai, làm thanh trên cao gấp đôi và che mất phần đầu
       bài. Cho tên chương co lại và cắt bằng dấu ba chấm; "Mục lục" thì không được co. */
  .topbar-in{flex-wrap:nowrap;gap:.5rem}
  /*   Tên sách KHÔNG được ngắt dòng — ngắt là thanh trên cao gấp đôi. Nó ngắn và cố định,
       nên để nó giữ nguyên bề ngang; chỗ co lại là tên chương, vốn dài và thay đổi. */
  .topbar-in .home{white-space:nowrap;flex:0 0 auto}
  .topbar-in .sep{flex:0 0 auto}
  .topbar-in .here{
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1 1 auto;
  }
  .topbar-in > a[href$="#muc-luc"]{flex:0 0 auto;white-space:nowrap}
}

.cover-in .tac-gia{
  margin-top:.9rem;font-family:var(--f-ui);font-size:.86rem;opacity:.75;
}

/*   KHÔNG có luật nào cho khối chuyển chương ở đây: dùng `.chapnav` của tác giả, vốn đã
     được book.css lo đủ. Bản đầu tôi dựng thêm `.chuyen-chuong` của riêng mình và chồng
     lên khối của tác giả — hai dải chuyển chương trên cùng một trang. Đã gỡ. */

/* Mục lục ở trang bìa: book.css đã có .toc-n/.toc-h/.toc-d, đây chỉ là khung danh sách. */
.toc-list{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}

/*   Mục lục GOM THEO QUYỂN, dùng đúng idiom của tác giả: một danh sách `.toc` duy nhất,
     chen giữa là hàng `li.part-row` mang `.part` — cả hai lớp đã có sẵn trong book.css.
     Danh sách phẳng 28 chương dài hơn hai màn điện thoại rưỡi và không cho biết mình đang
     ở đâu trong lộ trình; năm cụm thì nhìn một cái là thấy cấu trúc.

     Ở đây CHỈ thêm đúng một việc: cho tên quyển thành đường dẫn sang trang quyển, nhờ đó
     mục lục đồng thời là chỗ người đọc phát hiện ra năm trang ấy có tồn tại.

     Bản đầu tôi dựng khung riêng `.toc-q > h3 > a` — và book.css có luật
     `.toc a{display:grid;grid-template-columns:2.6rem 1fr}` dành cho hàng chương, nên cái
     `<a>` của đề mục quyển rơi thẳng vào cột số rộng 2,6rem: "QUYỂN I · NỀN MÓNG" xuống
     dòng từng chữ cái thành một cột dọc. Không có lỗi nào, chỉ nhìn mới thấy. */
.toc .part{margin:0;color:var(--accent-ink)}
.toc .part a{display:inline;padding:0;color:inherit;text-decoration:none}
.toc .part a:hover{text-decoration:underline}
.toc li.part-row:hover,.toc .part a:hover{background:none}