/* ===========================================================
   truyen.css — khu Truyện của nguyendotrongan.vn
   Nạp SAU styles.css + blog.css. Chỉ chứa phần blog.css chưa có:
   thẻ bộ truyện, danh sách chương, điều hướng chương trước/sau.
   Không sửa blog.css để tránh xung đột dual-codebase (Windows/Mac).
   =========================================================== */

/* ===== Thẻ bộ truyện trên trang /truyen/ ===== */
.series-card .post-card-meta .pill.is-live{
  border-color:rgba(160,124,255,.35);
  background:rgba(160,124,255,.1);
  color:#c3aaff;
}

/* ===== Danh sách chương ===== */
.chap-head{
  margin:56px 0 20px;
  font-family:'Geist','Inter',sans-serif;
  font-size:clamp(20px,2.2vw,26px);
  line-height:1.25;letter-spacing:-.025em;
  font-weight:600;color:var(--ink);
}
.chap-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}
.chap-item{
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--card);
  overflow:hidden;
  transition:border-color var(--t-mid), background-color var(--t-mid);
}
.chap-item > a,
.chap-item > .chap-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;gap:20px;
  padding:20px 24px;
}
.chap-item > a:hover{background:rgba(255,255,255,.035)}
.chap-item:hover{border-color:var(--border-2)}
.chap-no{
  font-family:'Geist Mono',ui-monospace,'SF Mono',monospace;
  font-size:13px;letter-spacing:.02em;
  color:var(--mute);
  flex-shrink:0;
  min-width:24px;
}
.chap-item > a:hover .chap-no{
  background:var(--gradient);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.chap-body{display:flex;flex-direction:column;gap:5px;min-width:0}
.chap-name{
  font-size:clamp(16px,1.5vw,19px);
  line-height:1.35;letter-spacing:-.016em;
  font-weight:500;color:var(--ink);
}
.chap-sub{
  font-family:'Geist Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.04em;
  color:var(--ink-3);
}
.chap-date{
  font-family:'Geist Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.04em;
  color:var(--ink-3);
  flex-shrink:0;
}

/* Chương chưa viết — không phải link, làm mờ đi */
.chap-item.is-soon{
  border-style:dashed;
  background:transparent;
}
.chap-item.is-soon:hover{border-color:var(--border)}
.chap-item.is-soon .chap-name,
.chap-item.is-soon .chap-no,
.chap-item.is-soon .chap-date{color:var(--mute)}

/* ===== Nhãn chương trên đầu bài ===== */
.chap-count{
  font-family:'Geist Mono',ui-monospace,monospace;
  font-size:11px;letter-spacing:.06em;
  color:var(--ink-3);
}

/* ===== Điều hướng chương trước / sau ===== */
.chap-nav{
  margin:72px 0 0;
  padding:36px 0 0;
  border-top:1px solid var(--border);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.chap-nav-slot{
  display:flex;flex-direction:column;gap:7px;
  padding:20px 24px;
  border-radius:18px;
  border:1px solid var(--border);
  background:var(--card);
  transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast);
}
a.chap-nav-slot:hover{
  border-color:rgba(160,124,255,.45);
  background:rgba(160,124,255,.08);
  transform:translateY(-1px);
}
.chap-nav-slot .dir{
  font-family:'Geist Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);
}
.chap-nav-slot .name{
  font-size:15px;line-height:1.4;letter-spacing:-.012em;
  color:var(--ink);font-weight:500;
}
.chap-nav-slot.next{text-align:right;align-items:flex-end}
.chap-nav-slot.is-off{
  border-style:dashed;background:transparent;
}
.chap-nav-slot.is-off .name{color:var(--mute);font-weight:400}

@media (max-width:760px){
  .chap-item > a,
  .chap-item > .chap-inner{
    grid-template-columns:auto 1fr;
    gap:6px 16px;
    padding:18px 20px;
  }
  .chap-date{grid-column:2;justify-self:start}
  .chap-nav{grid-template-columns:1fr}
  .chap-nav-slot.next{text-align:left;align-items:flex-start}
}
@media (max-width:480px){
  .chap-item,.chap-nav-slot{border-radius:14px}
}