.chapter-panel{background:#171a1e;border:1px solid #30363e;border-radius:14px;padding:24px;margin-top:12px;color:#eef0f3}
.chapter-panel h2{font-size:27px;line-height:1.2;margin:0 0 8px}.chapter-caption{color:#aeb7c4;font-size:13px;margin:0 0 22px}
.chapter-panel .chapter-toolbar{display:flex;gap:12px;margin:18px 0}.chapter-panel .ch-search{flex:1;min-width:0;margin:0;background:#14171b;border:1px solid #39414b;border-radius:8px;height:46px;padding:12px 16px;color:#f3f4f6;font-size:14px}
.chapter-panel .ch-sort-btn{min-height:46px;background:#14171b;border:1px solid #39414b;color:#e7ebef;padding:10px 16px;border-radius:8px;white-space:nowrap}
.chapter-panel .ch-list-box{border:0;background:none;margin:0;overflow:visible}.chapter-panel .ch-list-inner{max-height:660px;padding:0 3px;overflow:auto}
.chapter-panel .ch-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto 16px;gap:18px;align-items:center;background:#1c2025;border:1px solid #303841;border-radius:9px;padding:16px;margin-bottom:8px;min-height:78px;color:#f3f4f6;text-decoration:none}
.chapter-panel .ch-row:hover{background:#252a31;border-color:#697586}.chapter-panel .chapter-latest{border-inline-start:4px solid #c43a2b}
.chapter-number{display:grid;place-items:center;min-height:42px;background:#292f37;border-radius:7px;font-size:15px;font-weight:700;overflow-wrap:anywhere}.chapter-panel .ch-n{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.chapter-panel .ch-date{font-size:12px;color:#aeb7c4}.chapter-arrow{font-size:24px;color:#acb8c7}.chapter-panel .new-badge{background:#c43a2b;font-size:10px;padding:4px 8px;border-radius:14px;margin-inline-start:8px}
.chapter-resume{display:flex;align-items:center;gap:8px;border:1px solid #69332d;background:#2b1d1c;border-radius:9px;padding:16px;color:#fff}.chapter-resume[hidden]{display:none}.resume-link{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;color:inherit;text-decoration:none}.resume-link strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-close{flex:none;width:30px;height:30px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid #69332d;border-radius:50%;color:#f08c7f;cursor:pointer;padding:0;-webkit-appearance:none;appearance:none;transition:background .15s,color .15s,border-color .15s}.resume-close svg{width:13px;height:13px;display:block}.resume-close:hover{background:#ce5747;border-color:#ce5747;color:#fff}.resume-close:focus-visible{outline:2px solid #f08c7f;outline-offset:2px}.chapter-resume small{display:block;color:#f08c7f;font-size:13px;margin-bottom:6px}.chapter-resume strong{font-size:17px}.resume-action{border:1px solid #ce5747;color:#f5998c;padding:12px 16px;border-radius:7px;white-space:nowrap}.chapter-count{border-top:1px solid #303841;margin:16px 0 0;padding-top:16px}.chapter-panel :is(a,button,input):focus-visible{outline:2px solid #f08c7f;outline-offset:2px}
@media(max-width:600px){.chapter-panel{padding:16px}.chapter-panel h2{font-size:24px}.chapter-toolbar{flex-direction:column}.chapter-panel .ch-row{grid-template-columns:42px minmax(0,1fr) 12px;gap:5px 12px;padding:13px;min-height:80px}.chapter-number{grid-row:1/3}.chapter-panel .ch-date{grid-column:2;grid-row:2}.chapter-arrow{grid-column:3;grid-row:1/3}.chapter-panel .ch-n{font-size:14px}.resume-action{padding:10px;font-size:12px}}

/* Chapter number on the first line, title on the second, inside the same cell.
   The badge column, row height and colours are untouched — only the name cell
   stacks, so rows keep the size they have now instead of growing. */
.chapter-panel .ch-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.chapter-panel .ch-n-line{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}
.chapter-panel .ch-n-sub{color:#9aa3ad;font-weight:400;font-size:13.5px;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chapter-panel .ch-row:hover .ch-n-sub{color:#c9d1d9}
/* The badge sat on a line of its own once the cell became a column. */
.chapter-panel .ch-n-line .new-badge{margin-inline-start:0;flex:0 0 auto}
@media(max-width:600px){
  .chapter-panel .ch-n-sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}