/* =========================================================
   Page: Author – chỉ phần riêng trang
   (Overlay .cover-stats/.stat dùng chung trong global.css)
   ========================================================= */

.page-title{font-size:22px;font-weight:700;color:var(--ink);margin:6px 0 14px}

/* Ghi đè bố cục .novel-card (global) -> tile trên–dưới */
.novel-grid .tile{
    display:flex; flex-direction:column;
    background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
    overflow:hidden; margin-bottom:16px;
    transition:box-shadow .15s ease, transform .08s ease, border-color .2s ease;
}
.novel-grid .tile:hover{
    box-shadow:0 12px 28px -14px rgba(0,0,0,.35);
    transform:translateY(-2px);
    border-color:#dbe1ea;
}

/* Ảnh bìa */
.novel-grid .thumb{
    position:relative; width:100%; height:210px; display:block;
    background:#eef2ff center/cover no-repeat; border-bottom:1px solid var(--border);
}
.novel-grid .thumb .thumb-link{ position:absolute; inset:0; z-index:1; display:block; }

/* Nội dung dưới ảnh */
.novel-grid .body{padding:10px 12px}
.novel-grid .title{font-size:14px;font-weight:700;margin:0 0 6px}
.novel-grid .title a{color:var(--ink)}
.novel-grid .title a:hover{color:var(--brand);text-decoration:none}

/* clamp 2 dòng để chiều cao đều */
.novel-grid .title a{
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; line-height:1.35; min-height:38px;
}

/* Chapters gọn */
.novel-grid .chapters{list-style:none;margin:0 0 6px;padding:0;max-height:66px;overflow:hidden}
.novel-grid .chapters li{line-height:1.35}
.novel-grid .chapters a{color:#334155}
.novel-grid .chapters a:hover{color:var(--brand);text-decoration:none}

@media (max-width:767px){
    .novel-grid .thumb{height:190px}
}