/* Trending on YouTube - chart rows. */

.ytv-rows { display: flex; flex-direction: column; margin-top: 12px; }
.ytv-row { display: flex; gap: 12px; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #eef0f3; }
.ytv-row:last-child { border-bottom: 0; }
.ytv-rank {
    flex: 0 0 34px;
    font-weight: 800;
    font-size: 1rem;
    color: #9ca3af;
    text-align: right;
    font-variant-numeric: tabular-nums;
    padding-top: 4px;
}
.ytv-thumb { width: 120px; border-radius: 8px; background: #eef0f3; flex: 0 0 auto; }
.ytv-main { min-width: 0; flex: 1 1 auto; }
.ytv-title { font-weight: 700; font-size: 0.92rem; color: #0b57d0; text-decoration: none; display: block; }
.ytv-title:hover { text-decoration: underline; }
.ytv-meta { font-size: 0.8rem; margin-top: 2px; }
.ytv-links { margin-top: 4px; font-size: 0.8rem; }
.ytv-links a { color: #0b57d0; text-decoration: none; }
.ytv-links a:hover { text-decoration: underline; }

@media (max-width: 640px) {
    .ytv-thumb { width: 84px; }
    .ytv-rank { flex-basis: 24px; font-size: 0.9rem; }
}