.channel-grid{grid-template-columns:repeat(5,1fr)}
.channel-grid button:nth-child(5){border-top-color:#6a4fd3}
.visibility-chart{position:relative;padding:20px 0 0}
.visibility-chart svg{display:block;width:100%;height:155px;overflow:visible}
.visibility-chart polyline{fill:none;stroke:#6a4fd3;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.v-start,.v-end{position:absolute;top:0;font-size:.78rem;font-weight:800;color:#6a4fd3}
.v-start{left:0}.v-end{right:0}
.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;border-top:1px solid var(--line);padding-top:8px}
.source-note{color:var(--muted);font-size:.8rem;line-height:1.5;margin:17px 0 0}
.rank{display:inline-grid;place-items:center;min-width:30px;padding:4px 7px;border-radius:999px;font-weight:800}
.rank.top3{background:#e1f5ec;color:#08764f}.rank.top10{background:#e8f0ff;color:#285ca4}.rank.top30{background:#f0edff;color:#5a45b2}
.rank-up{color:var(--green);font-weight:750}.rank-down{color:var(--red);font-weight:750}.rank-flat{color:var(--muted);font-weight:750}
.table-card a{color:var(--blue);font-weight:700;text-decoration:none}.table-card a:hover{text-decoration:underline}
@media(max-width:1000px){.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.channel-grid{grid-template-columns:1fr}}
.preview-link{display:inline-block;border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:.8rem;font-weight:700;color:var(--blue);text-decoration:none}.preview-link:hover{background:#f5fafc}.sortable{cursor:pointer;user-select:none}.sortable:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.sort-indicator{display:inline-block;margin-left:5px;color:var(--orange);font-size:.7rem}