/* Channel and ranking pages: V2 structure with isolated rebuild-shell dependencies only. */
.eyebrow{color:var(--color-primary);font:700 10px/1.4 var(--font-numeric);letter-spacing:1.8px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:18px;border-bottom:2px solid var(--border-subtle)}.section-heading h2{font:800 20px/1.35 var(--font-serif)}.section-heading>a{color:var(--color-primary);font-size:13px;white-space:nowrap}.discovery-section+.discovery-section{margin-top:34px}
.channel-page-female{--channel-accent:#a83b65}.channel-page-female .channel-pill,.channel-page-female .eyebrow,.channel-page-female .section-heading>a,.channel-page-female .rank-more{color:var(--channel-accent)}.channel-page-female .channel-pill{background:#f8eef3}.channel-page-female .button.primary{background:var(--channel-accent);border-color:var(--channel-accent)}
.channel-hero{display:flex;gap:30px;align-items:stretch;margin-bottom:24px;background:linear-gradient(135deg,var(--color-primary-light),#fff 58%,var(--color-accent-subtle))}.channel-page-female .channel-hero{background:linear-gradient(135deg,#fbf4f7,#fff 58%,#f8eef3)}.channel-hero-cover{width:160px;flex:0 0 160px}.channel-hero-cover img{width:160px;height:224px;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-book)}.channel-hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.channel-pill{display:inline-block;margin-bottom:12px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-primary-light);color:var(--color-primary);font-size:12px;font-weight:700}.channel-hero h1{font:800 26px/1.35 var(--font-serif);overflow-wrap:anywhere}.channel-byline{margin-top:6px;color:var(--text-secondary)}.channel-intro{margin-top:12px;color:var(--text-secondary);line-height:1.8;max-width:720px}.channel-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.channel-banner{display:block;margin:0 0 24px;overflow:hidden;border-radius:var(--radius-md);background:white}.channel-banner img{display:block;width:100%;max-height:150px;object-fit:cover}.channel-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.channel-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.channel-book-card{display:flex;gap:14px;min-width:0;padding:15px;background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.channel-card-cover{flex:0 0 76px}.channel-card-cover img{width:76px;height:106px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-book)}.channel-book-card h3,.weekly-grid h3,.new-book-list h3{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.channel-book-card p,.weekly-grid p,.new-book-list p{font-size:12px;color:var(--text-secondary)}.channel-card-intro{display:-webkit-box;margin-top:5px;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.weekly-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.weekly-grid article{min-width:0}.weekly-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);margin-bottom:9px}.weekly-grid p:last-child{display:-webkit-box;margin-top:5px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.new-book-list{display:grid;gap:10px}.new-book-list article{display:grid;grid-template-columns:32px 52px minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle)}.list-number{font:800 15px var(--font-numeric);color:var(--text-tertiary)}.new-book-list article:nth-child(-n+3) .list-number{color:var(--color-accent)}.list-cover img{width:52px;height:72px;object-fit:cover;border-radius:3px}.new-book-list article>div>p:last-child{margin-top:3px}.channel-aside{display:grid;gap:16px;position:sticky;top:14px}.channel-rank{padding:18px}.channel-rank h2{font:800 16px var(--font-serif);padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle)}.channel-rank ol{list-style:none;padding:0}.channel-rank li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:7px;padding:8px 0;border-bottom:1px dashed var(--border-subtle)}.channel-rank li:last-child{border-bottom:0}.rank-index{font:800 13px var(--font-numeric);color:var(--text-tertiary)}.channel-rank li:nth-child(-n+3) .rank-index{color:var(--color-primary)}.rank-title{display:block;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-rank li p{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-more{display:block;text-align:center;color:var(--color-primary);font-weight:700}
.rank-intro{margin-bottom:20px}.rank-intro h1{font:800 27px/1.3 var(--font-serif)}.rank-intro>p:last-child{color:var(--text-secondary);margin-top:4px}.rank-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start}.rank-sidebar{position:sticky;top:14px;display:grid;padding:12px;background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.rank-sidebar h2{padding:9px 11px 12px;font:800 16px var(--font-serif);border-bottom:1px solid var(--border-subtle)}.rank-sidebar button{border:0;border-radius:6px;background:transparent;text-align:left;padding:9px 11px;color:var(--text-secondary)}.rank-sidebar button:hover,.rank-sidebar button.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:700}.rank-panel{padding:24px;background:white;border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.rank-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.rank-toolbar h2{font:800 21px var(--font-serif)}.period-tabs{display:flex;gap:5px;padding:4px;background:var(--bg-surface-subtle);border-radius:var(--radius-pill)}.period-tabs button{border:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-pill);padding:6px 14px}.period-tabs button.active{background:white;color:var(--color-primary);font-weight:700;box-shadow:var(--shadow-sm)}.rank-list{list-style:none;padding:0}.rank-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;min-height:58px;padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.rank-row:last-child{border-bottom:0}.rank-row:hover{background:var(--bg-surface-subtle)}.rank-position{font:800 17px var(--font-numeric);color:var(--text-tertiary)}.rank-top{grid-template-columns:42px 62px minmax(0,1fr) auto;min-height:105px}.rank-top .rank-position{color:var(--color-accent);font-size:20px}.rank-cover img{width:62px;height:86px;object-fit:cover;border-radius:4px;box-shadow:var(--shadow-sm)}.rank-book{min-width:0}.rank-book h3{font-size:15px;overflow-wrap:anywhere}.rank-book>p{font-size:12px;color:var(--text-secondary)}.rank-summary{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rank-score{font:700 13px var(--font-numeric);color:var(--color-primary)}
@media(max-width:960px){.channel-layout{grid-template-columns:1fr}.channel-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.rank-layout{grid-template-columns:1fr}.rank-sidebar{position:static;display:flex;overflow-x:auto;padding:8px}.rank-sidebar h2{display:none}.rank-sidebar button{white-space:nowrap}.rank-main{min-width:0}}
@media(max-width:680px){.channel-hero{align-items:flex-start;gap:18px;padding:18px}.channel-hero-cover{width:104px;flex-basis:104px}.channel-hero-cover img{width:104px;height:146px}.channel-hero h1{font-size:21px}.channel-intro{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.channel-book-grid{grid-template-columns:1fr}.weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-aside{grid-template-columns:1fr}.rank-panel{padding:14px}.rank-toolbar{align-items:flex-start;flex-direction:column}.rank-row,.rank-top{grid-template-columns:34px minmax(0,1fr) auto}.rank-cover{display:none}.rank-summary{display:none}.rank-score{font-size:11px}.period-tabs{width:100%}.period-tabs button{flex:1}.rank-sidebar{margin:0 -16px;border-radius:0;border-left:0;border-right:0}.rank-layout{gap:14px}}
@media(max-width:440px){.channel-hero{display:block}.channel-hero-cover{float:left;margin:0 16px 8px 0}.channel-actions{clear:both;padding-top:8px}.channel-actions .button{flex:1;text-align:center;padding:8px}.weekly-grid{gap:12px}.new-book-list article{grid-template-columns:28px 44px minmax(0,1fr)}.list-cover img{width:44px;height:62px}}