/* First-level static category channel only; shared homepage controls stay intact. */
.comic-channel{--ch-ink:#234d52;--ch-muted:#668185;--ch-line:#d5e4e4;--ch-card:#fff;--ch-soft:#eff6f5;color:var(--ch-ink);padding:18px 0 8px}
html[data-comic-theme=night] .comic-channel{--ch-ink:#d8eeeb;--ch-muted:#a9cac6;--ch-line:#466461;--ch-card:#2c3839;--ch-soft:#344648}
.comic-channel *{box-sizing:border-box}.comic-channel .ch-panel{min-width:0;background:var(--ch-card);border:1px solid var(--ch-line);border-radius:18px;padding:18px;margin:0 0 20px;box-shadow:0 7px 24px #153a3b06}
.comic-channel .default_titles{display:flex;align-items:center;border:0!important;margin:0 0 18px!important;padding:0 0 13px!important;position:relative;background:none;border-bottom:1px solid var(--ch-line)!important;min-height:38px}
.comic-channel .default_titles h5{display:flex;align-items:center;color:var(--ch-ink);font-size:20px;font-weight:600;line-height:1.4}.comic-channel .default_titles h5:before{content:'';width:4px;height:22px;background:linear-gradient(#48c3ae,#168aa0);border-radius:4px;margin-right:10px;flex-shrink:0}
.comic-channel .ch-latest{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:0 20px}.comic-channel .ch-latest>.default_titles{grid-column:1/-1}
.comic-channel .ch-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.comic-channel .ch-history{min-width:0}.comic-channel .default_update_list{border:0;background:var(--ch-soft);border-radius:12px;padding:10px!important;height:100%}
.comic-channel .row{margin-left:-6px;margin-right:-6px}.comic-channel .row>[class*=col-]{padding-left:6px;padding-right:6px;min-width:0}
.comic-channel a{color:var(--ch-ink)}.comic-channel a:hover{color:#149e9a;text-decoration:none}
.comic-channel .comicpic_col6_name{background:none!important;color:var(--ch-ink)!important;text-shadow:none!important;font-weight:500;line-height:1.45;height:2.9em;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0 3px!important}
.comic-channel img[data-cc-src],.comic-channel a>img{aspect-ratio:3/4;object-fit:cover;border:0!important;border-radius:11px!important;max-width:100%}
.comic-channel .ch-selection>.row~.row{font-size:14px;line-height:1.55}.comic-channel .ch-selection>.row~.row a{font-weight:400!important}
.comic-channel .ch-recommend>.row{display:block;margin:0;padding:0!important}.comic-channel .comic-recommend-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.comic-channel .comic-recommend-card{min-width:0}.comic-channel .comic-recommend-cover{display:block;aspect-ratio:3/4;overflow:hidden;border-radius:11px}.comic-channel .comic-recommend-cover img{width:100%;height:100%;object-fit:cover}.comic-channel .comic-recommend-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;margin-top:7px}
.comic-channel .ch-more{display:none}
@media(max-width:991px){.comic-channel .ch-latest{grid-template-columns:1fr}.comic-channel .ch-columns{grid-template-columns:1fr 1fr}.comic-channel .ch-history{margin-top:6px}.comic-channel .ch-latest-covers .col-md-2{flex:0 0 33.333333%;max-width:33.333333%}.comic-channel.ch-enhanced .ch-history .row:nth-child(n+5){display:none}.comic-channel .ch-history.ch-open .row{display:flex}.comic-channel .ch-more{display:block;margin:10px auto 0;border:1px solid var(--ch-line);background:var(--ch-soft);color:var(--ch-ink);border-radius:10px;padding:8px 18px;font:inherit;cursor:pointer}.comic-channel .comic-recommend-cards{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}.comic-channel .comic-recommend-card{flex:0 0 27%;scroll-snap-align:start}}
@media(max-width:575px){.comic-channel{padding-top:12px}.comic-channel .ch-panel{padding:12px;border-radius:15px;margin-bottom:14px}.comic-channel .ch-columns{grid-template-columns:1fr;gap:0}.comic-channel .default_titles{margin-bottom:13px!important;padding-bottom:10px!important;min-height:32px}.comic-channel .default_titles h5{font-size:18px}.comic-channel .row{margin-left:-4px;margin-right:-4px}.comic-channel .row>[class*=col-]{padding-left:4px;padding-right:4px}.comic-channel .comicpic_col6_name{font-size:14px}.comic-channel .comic-recommend-card{flex-basis:31%}}

.comic-channel .li-covers{width:100%;list-style:none}.comic-channel .li-covers>img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border:0!important;border-radius:11px}.comic-channel .comicpic_col6_name{width:100%}

.comic-channel .default_titles h5{margin:0!important}.comic-channel .ch-history.ch-open .row{display:flex!important}

/* Channel refinements: override legacy spacing and badges only inside this page. */
.comic-channel .comicpic_col6{margin-bottom:5px!important;padding-left:6px!important;padding-right:6px!important}.comic-channel .comicpic_col6_name{margin-bottom:0!important;height:auto;min-height:0;max-height:2.9em}
.comic-channel .ch-selection>.row:has(.comicpic_col6){margin-bottom:6px}.comic-channel .ch-selection>.row>.col-6{padding-left:6px!important;padding-right:6px!important}.comic-channel .ch-selection li.pb-1{padding-bottom:2px!important;line-height:1.55;min-height:22px}
.comic-channel .li-covers{position:relative;overflow:hidden;border-radius:11px}.comic-channel .li-covers-eps{position:static!important;margin:0!important}.comic-channel .li-covers-eps .badge{position:absolute;z-index:1;bottom:7px;left:7px;padding:4px 7px;border:1px solid #cff4eb4d;border-radius:6px;background:rgba(17,76,79,.9)!important;color:#f2fffb!important;font-size:11px;font-weight:500;line-height:1.4;box-shadow:0 2px 7px #00192024}
.comic-channel .li-covers-eps .bg_gray{left:auto;bottom:auto;top:7px;right:7px;padding:3px 5px;background:#17363dd9!important;font-size:10px}.comic-channel .badge:empty{display:none!important}
.comic-channel .ch-history .default_update_list{height:auto}.comic-channel .ch-history .row{padding:0!important}.comic-channel .ch-history .showcat,.comic-channel .ch-history .showepisode{background:none!important;color:var(--ch-muted);font-size:12px}
.comic-channel .ch-preview{position:fixed!important;z-index:1080!important;width:152px;padding:9px;border:1px solid var(--ch-line);border-radius:14px;background:linear-gradient(135deg,#ffffff26,#81d4c414),rgba(28,61,65,.76);box-shadow:inset 0 1px 0 #ffffff52,0 18px 45px #001b3255;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(9px) scale(.95);transition:opacity .26s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .26s;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.comic-channel .ch-preview.ch-visible{opacity:1;visibility:visible;transform:none}.comic-channel .ch-preview img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:9px;border:0}.comic-channel .ch-preview span{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:var(--ch-ink);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:991px){.comic-channel .ch-latest-covers .comicpic_col6{margin-bottom:3px!important}.comic-channel .ch-latest-covers>.row{margin-bottom:0}.comic-channel .ch-history{margin-top:4px}}
@media(max-width:575px){.comic-channel .li-covers-eps .badge{left:4px;bottom:4px;padding:3px 4px;font-size:10px}.comic-channel .li-covers-eps .bg_gray{left:auto;bottom:auto;right:4px;top:4px}.comic-channel .comicpic_col6{padding-left:4px!important;padding-right:4px!important}.comic-channel .ch-selection>.row>.col-6{padding-left:4px!important;padding-right:4px!important}}
@media(prefers-reduced-motion:reduce){.comic-channel .ch-preview{transition:opacity .18s ease;transform:none}}

.comic-channel .ch-preview span{color:#e7faf4;font-weight:500}.comic-channel .ch-update-row{line-height:1.96rem}.comic-channel .ch-update-row a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Content-sized metadata leaves the remaining width to work names. */
.comic-channel .ch-history .ch-update-row{display:grid;grid-template-columns:minmax(0,1fr) max-content max-content;align-items:center;column-gap:8px;margin:0;min-width:0}
.comic-channel .ch-update-row>div{width:auto;max-width:none;min-width:0;flex:none;padding:0!important}
.comic-channel .ch-update-row>div:nth-child(2){text-align:right;overflow:visible;text-overflow:clip;white-space:nowrap}
.comic-channel .ch-history .ch-update-row .showepisode{font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums}
.comic-channel .ch-update-row>div:last-child{text-align:right}.comic-channel .ch-update-row small{font-size:10px;line-height:1.4;color:var(--ch-muted);font-variant-numeric:tabular-nums}
.comic-channel .ch-text-entry{display:flex;align-items:center;gap:5px;min-width:0;min-height:26px;line-height:1.45}
.comic-channel .ch-text-name{display:block;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.45;font-weight:400}
.comic-channel .ch-status{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;padding:0;border:1px solid var(--ch-line);border-radius:5px;box-sizing:border-box;font:500 10px/1 sans-serif;vertical-align:middle;letter-spacing:0;box-shadow:inset 0 1px 0 #ffffff24}
.comic-channel .ch-status-end{background:var(--ch-soft);color:var(--ch-muted)}
.comic-channel .ch-status-new{color:#08786e;border-color:#35bba570;background:linear-gradient(135deg,#defbf0,#a6e9dc 45%,#b4e5f3);box-shadow:inset 0 1px 0 #ffffffb0,0 1px 5px #24ac9b20}
html[data-comic-theme=night] .comic-channel .ch-status-new{color:#c0fff0;border-color:#71dfc66b;background:linear-gradient(135deg,#368b808c,#206d6970 48%,#316e927d);box-shadow:inset 0 1px 0 #bcffe74d,0 1px 6px #34c5a620}
