.pending-sources { margin-top: 32px; }
.pending-sources > h3 { font-size: 20px; margin-bottom: 10px; }
.pending-source-note { color: var(--muted); font-size: 13px; line-height: 1.8; max-width: 720px; margin-bottom: 20px; }
.pending-sources .review-detail-link { display: inline-block; margin-top: 16px; }
.channel-detail-header { display: flex; align-items: center; gap: 24px; }
.channel-detail-header > img { flex-shrink: 0; border-radius: 50%; object-fit: cover; }
.channel-detail-header h1 { margin: 10px 0 16px; }
.channel-stats { display: flex; flex-wrap: wrap; gap: 24px 64px; padding: 24px; margin: 32px 0; border: 1px solid var(--line); border-radius: 12px; background: white; }
.channel-stats dt { color: var(--muted); font-size: 12px; }
.channel-stats dd { margin: 8px 0 0; font-size: 28px; font-weight: 650; color: var(--accent); }
.explore-section { margin-top: 40px; }
.channel-reviews { display: grid; gap: 16px; }
.channel-review-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.channel-review-row > div { min-width: 0; }
.channel-review-row h3 { margin: 10px 0; font-size: 17px; overflow-wrap: anywhere; }
.channel-review-row h3 a { text-decoration: none; }
.channel-review-row h3 a:hover { text-decoration: underline; }
.channel-review-row > a { flex-shrink: 0; }
.channel-review-row img { display: block; border-radius: 8px; object-fit: cover; }
.channel-review-summary { color: var(--muted); font-size: 13px; margin-bottom: 0; }
.usage-model-card { margin-top: 28px; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.usage-model-card h2 { font-size: 22px; }
.usage-model-card h2 a { text-decoration: none; }
.usage-model-card h2 a:hover { text-decoration: underline; }
.usage-result-counts { font-size: 12px; }
.usage-samples { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.usage-samples .usage-note { min-width: 0; }
.usage-channel-link { font-size: 12px; font-weight: 600; }
@media(max-width:700px) {
 .channel-detail-header { align-items: flex-start; gap: 16px; }
 .channel-detail-header > img { width: 48px; height: 48px; }
 .channel-review-row { padding: 18px; gap: 16px; }
 .channel-review-row img { width: 104px; height: auto; }
 .channel-review-summary { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
 .usage-samples { grid-template-columns: 1fr; }
 .usage-model-card { padding: 18px; }
}
@media(max-width:400px) { .channel-review-row { flex-direction: column; } }
.review-group-channel { display: inline-block; margin: -4px 0 24px; color: var(--accent); font-size: 12px; }
.channel-preference-card h3 { margin: 12px 0 18px; font-size: 20px; }
.channel-preference-card > strong { font-size: 17px; }
.channel-preference-card > p { margin: 10px 0 20px; }

.publisher-directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:24px; }
.publisher-directory-card { display:flex; align-items:center; gap:18px; padding:24px; border:1px solid var(--line); background:var(--card); border-radius:14px; text-decoration:none; min-width:0; }
.publisher-directory-card:hover { border-color:#92b8b1; }
.publisher-directory-card > img,.publisher-directory-card > .channel-avatar { width:64px; height:64px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.publisher-directory-card > div { min-width:0; flex:1; }
.publisher-directory-card h2 { font-size:18px; margin:0 0 6px; overflow-wrap:anywhere; }
.publisher-directory-card p { font-size:12px; color:var(--muted); margin:0; }
.channel-pending-badge { display:inline-block; margin-top:10px; padding:4px 8px; border-radius:5px; color:var(--accent); background:#eaf5f2; font-size:11px; }
.directory-arrow { flex-shrink:0; color:var(--accent); }
.channel-pending-notice { padding:16px 20px; border:1px solid var(--line); border-radius:10px; color:var(--accent); background:#eaf5f2; font-size:14px; }
@media(max-width:760px) { .publisher-directory-grid { grid-template-columns:1fr; } .publisher-directory-card { padding:20px; gap:14px; } .publisher-directory-card > img,.publisher-directory-card > .channel-avatar { width:52px; height:52px; } .publisher-directory-card h2 { font-size:17px; } }

.channel-ranking-page { max-width: 1080px; margin: 0 auto; padding: 40px 24px 64px; }
.channel-ranking-page h1 { margin: 16px 0; }
.channel-ranking-page .intro { max-width: 850px; }
.ranking-more { display: inline-flex; align-items: center; gap: 12px; margin-top: 18px; padding: 12px 18px; border: 1px solid var(--line); border-radius: 10px; color: var(--accent); background: var(--surface, #fff); font-weight: 600; text-decoration: none; }
.ranking-more:hover, .ranking-more:focus-visible { border-color: currentColor; }
.ranking-navigation { display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0; }
.ranking-navigation a { padding: 10px 14px; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; color: var(--muted); }
.ranking-navigation a[aria-current="page"] { color: var(--accent); border-color: currentColor; }
.unranked-channels { margin-top: 40px; }
@media (max-width: 600px) { .channel-ranking-page { padding: 24px 16px 40px; } .unranked-channels .channel-ranking a { flex-wrap: wrap; } }

.channel-ranking-page .channel-ranking { grid-template-columns: 1fr; grid-template-rows: none; grid-auto-flow: row; }
.channel-ranking-page .channel-ranking-name { font-size: 16px; }
.channel-ranking-page .channel-ranking a { min-height: 88px; }

.channel-rank { flex-shrink: 0; min-width: 2ch; white-space: nowrap; }