:root{--rt-rank-ink:#202124;--rt-rank-muted:#687083;--rt-rank-line:#e6e8ee;--rt-rank-card:#fff;--rt-rank-soft:#f7f8fa;--rt-rank-link:#178acb;--rt-rank-shadow:0 12px 30px rgba(15,23,42,.05)}
.rt-rank-page{max-width: 1180px;margin:0 auto;padding:0 7vw 6rem;color:var(--rt-rank-ink)}
.rt-rank-intro{margin:1.3rem 0 1.7rem}.rt-rank-intro p{max-width:840px;color:var(--rt-rank-muted);line-height:1.8;font-weight:500;margin:0}
.rt-rank-controls{display:grid;grid-template-columns:1fr 1fr 1fr 2.3fr 1fr;gap:.9rem;border:1px solid var(--rt-rank-line);border-radius:28px;background:#fff;padding:1rem;box-shadow:var(--rt-rank-shadow);margin:1.8rem 0}
.rt-rank-field{display:flex;flex-direction:column;gap:.42rem}.rt-rank-field label{font-size:.76rem;font-weight:500;color:var(--rt-rank-muted);letter-spacing:.08em}.rt-rank-field select,.rt-rank-field input{width:100%;height:44px;border:1px solid var(--rt-rank-line);border-radius:999px;background:var(--rt-rank-soft);padding:0 1rem;color:var(--rt-rank-ink);font-weight:500;outline:none}.rt-rank-field select:focus,.rt-rank-field input:focus{border-color:var(--rt-rank-link);box-shadow:0 0 0 4px rgba(23,138,203,.12)}
.rt-rank-searchbox{display:flex;align-items:center;gap:.4rem}.rt-rank-searchbox input{flex:1}.rt-rank-searchbox button{width:44px;height:44px;border-radius:999px;border:1px solid var(--rt-rank-line);background:#fff;color:var(--rt-rank-muted);font-weight:500;cursor:pointer}.rt-rank-searchbox button:hover{color:var(--rt-rank-ink);border-color:#cfd5df}
.rt-rank-status{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.6rem 0;color:var(--rt-rank-muted)}.rt-rank-status b{font-size:1.15rem;color:var(--rt-rank-ink)}
.rt-rank-list{display:flex;flex-direction:column;gap:.7rem}.rt-rank-row{display:grid;grid-template-columns:58px 104px minmax(0,1fr) minmax(120px,180px) 92px;align-items:center;gap:1rem;border:1px solid var(--rt-rank-line);border-radius:24px;background:#fff;padding:.75rem 1rem;color:var(--rt-rank-ink);text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.035)}.rt-rank-row:hover{border-color:#cfd5df}.rt-rank{font-size:1.35rem;font-weight:500;letter-spacing:-.04em;color:var(--rt-rank-muted)}.rt-rank-thumb{width:104px;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:#eef1f5}.rt-rank-main{min-width:0}.rt-rank-title{font-weight:500;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-rank-meta{font-size:.88rem;color:var(--rt-rank-muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-rank-value{font-weight:500;text-align:right}.rt-rank-kind{font-size:.8rem;color:var(--rt-rank-muted);font-weight:500;text-align:right}.rt-rank-pagination{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}.rt-rank-pagination button{min-width:42px;height:42px;border:1px solid var(--rt-rank-line);border-radius:999px;background:#fff;font-weight:500;cursor:pointer}.rt-rank-pagination button[aria-current=page]{background:var(--rt-rank-ink);color:#fff}.rt-rank-empty{padding:2rem;border:1px solid var(--rt-rank-line);border-radius:24px;color:var(--rt-rank-muted);background:#fff}
@media(max-width:1100px){.rt-rank-page{padding:0 1.2rem 5rem}.rt-rank-controls{grid-template-columns:1fr 1fr}.rt-rank-field-search{grid-column:1/-1}.rt-rank-row{grid-template-columns:48px 84px minmax(0,1fr);}.rt-rank-value,.rt-rank-kind{text-align:left;grid-column:3}.rt-rank-thumb{width:84px}}
@media(max-width:640px){.rt-rank-controls{grid-template-columns:1fr}.rt-rank-row{grid-template-columns:42px 72px minmax(0,1fr);gap:.7rem;padding:.65rem}.rt-rank-thumb{width:72px}}

.rt-rank-current{font-weight:500;color:var(--rt-rank-ink)}
.rt-rank-media{position:relative;display:block;width:104px}
.rt-rank-channel-icon{position:absolute;right:-8px;bottom:-8px;width:34px;height:34px;border-radius:999px;border:2px solid #fff;background:#eef1f5;object-fit:cover}
@media(max-width:1100px){.rt-rank-media{width:84px}.rt-rank-channel-icon{width:30px;height:30px;right:-6px;bottom:-6px}}
@media(max-width:640px){.rt-rank-media{width:72px}.rt-rank-channel-icon{width:28px;height:28px}}

/* REDTUNE_V523_RANKINGS_BRANDWIDE_CONTAINER_CONTRACT
   Rankings participates in the shared page-family layout contract.
   Keep common header/script, breadcrumb, and main content width aligned with search/channel/video families. */
#breadcrumb,
#main > .rt-rankings-page,
main#main > .rt-rankings-page {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
#breadcrumb {
  padding-left: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
}
main#main > .rt-rankings-page {
  padding-left: clamp(20px, 3vw, 32px);
  padding-right: clamp(20px, 3vw, 32px);
}