/* MusikViews 5.4.27 — POP NOW only. Applied after home.css/single.css.
   Both locations use the same ordered list, but only the pink custom rank is visible. */
.mv-pop-now .mv-hot-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}
.mv-pop-now .mv-hot-list > li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 12px;
    align-items: start;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 13px 0;
    list-style: none;
    border-bottom: 1px solid var(--mv-line, #302a39);
}
.mv-pop-now .mv-hot-list > li::marker { content: ''; }
.mv-pop-now .mv-hot-list > li::before { content: none; }
.mv-pop-now .mv-hot-list > li:last-child { border-bottom: 0; }
.mv-pop-now .mv-hot-list .mv-rank {
    display: block;
    width: 44px;
    margin: 0;
    color: var(--mv-pink, #ff3ea5);
    font: 900 35px/1 var(--mv-display, Impact, sans-serif);
    letter-spacing: -0.035em;
    font-variant-numeric: tabular-nums;
    text-align: left;
    white-space: nowrap;
}
.mv-pop-now .mv-hot-list > li > a {
    display: -webkit-box;
    min-width: 0;
    margin: 2px 0 0;
    padding: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow-wrap: anywhere;
    color: #f5f3f7;
    font: 650 13px/1.42 var(--mv-body, sans-serif);
    text-decoration: none;
}
.mv-pop-now .mv-hot-list > li > a:hover,
.mv-pop-now .mv-hot-list > li > a:focus-visible { color: var(--mv-pink, #ff3ea5); }
/* The old API supplied a neutral-dot marker after each title; this editorial
   sidebar intentionally shows ranks and headlines only. */
.mv-pop-now .mv-hot-list .mv-hot-mark { display: none; }
.mv-pop-now .mv-hot-list > li.mv-dynamic-loading,
.mv-pop-now .mv-hot-list > li.mv-dynamic-error {
    display: block;
    padding: 12px 0;
    min-height: 0;
    font: 500 13px/1.45 var(--mv-body, sans-serif);
    color: var(--mv-muted, #c5bdcd);
    border: 0;
}
@media (max-width: 620px) {
    .mv-pop-now .mv-hot-list > li { grid-template-columns: 40px minmax(0,1fr); gap: 10px; padding: 12px 0; }
    .mv-pop-now .mv-hot-list .mv-rank { width: 40px; font-size: 32px; }
    .mv-pop-now .mv-hot-list > li > a { font-size: 13px; }
}