/* Extend the existing spotlight behind the shared transparent navigation. */
body.manga-home-route:not(.landing-route) .main-content { padding-top: 0; }
.manga-home-route #navbar { transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.manga-home-route #navbar.is-scroll-down:not(:focus-within) { transform: translateY(-100%); }
.manga-home-route .main-content > .mc-library { width: 100%; max-width: none; padding-inline: 0; padding-top: 0; }
.manga-home-route .mc-library .msp {
    margin-inline: 0;
    padding-top: calc(var(--yz-nav-height, var(--navbar-height)) + 25px);
}
.manga-home-route .mc-library > :not(.msp):not(script) {
    width: calc(100% - clamp(2rem, 6vw, 6rem));
    max-width: 1720px;
    margin-inline: auto;
}

/* The popular shelf reuses card data, cover fallbacks and adult preferences. */
.mc-hot { border: 1px solid var(--mc-line); border-radius: 14px; background: #0b0f15; padding: 1.25rem; }
.mc-hot .mc-section-heading { margin-bottom: .75rem; }
.mc-hot .mc-section-title { gap: .625rem; flex-wrap: wrap; }
.mc-hot-mark { color: #ffb813; font-size: 1.4rem; line-height: 1; }
.mc-hot-source { color: #9da9ba; font-size: .7rem; padding: .25rem .5rem; border: 1px solid var(--mc-line); border-radius: 5px; }
.mc-hot-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; list-style: none; padding: 0; margin: 0; }
.mc-hot-list > li { min-width: 0; border-top: 1px solid rgba(255,255,255,.065); }
.mc-hot .mc-card { display: grid; grid-template-columns: 2rem 46px minmax(0,1fr); align-items: center; gap: .75rem; padding: .75rem .25rem; border-radius: 7px; }
.mc-hot .mc-card:hover { background: rgba(131,195,255,.045); }
.mc-hot .mc-card-cover { grid-column: 2; grid-row: 1; width: 46px; height: 65px; aspect-ratio: auto; border-radius: 5px; margin: 0; }
.mc-hot .mc-card-cover img { width: 100%; height: 100%; object-fit: cover; transform: none; }
.mc-hot .mc-card-content { display: contents; }
.mc-hot .mc-rank { grid-column: 1; grid-row: 1; color: #69758a; font-size: 1.2rem; font-weight: 600; font-variant-numeric: tabular-nums; line-height: 1; letter-spacing: -.04em; }
.mc-hot-list > li:nth-child(-n+3) .mc-rank { color: #ffb813; }
.mc-hot .mc-card-text { grid-column: 3; grid-row: 1; min-width: 0; }
.mc-hot .mc-card .mc-card-text h3 { margin: 0 0 .3rem; color: #eef2f8; font-size: .875rem; font-weight: 650; line-height: 1.4; -webkit-line-clamp: 1; }
.mc-hot .mc-card-chapter { color: #a4b8cf; font-size: .75rem; margin: 0; }
.mc-hot .mc-card-meta { margin-top: .25rem; font-size: .65rem; }
.mc-hot :is(.mc-card-labels, .mc-card-read) { display: none; }
@media (max-width: 900px) {
    .mc-hot-list { gap: 0 1rem; }
    .mc-hot .mc-card { gap: .5rem; grid-template-columns: 1.75rem 40px minmax(0,1fr); }
    .mc-hot .mc-card-cover { width: 40px; height: 57px; }
}
@media (max-width: 600px) {
    .manga-home-route .mc-library .msp { padding-top: calc(var(--yz-nav-height, var(--navbar-height)) + 19px); }
    .mc-hot { padding: .875rem; }
    .mc-hot-list { grid-template-columns: minmax(0,1fr); }
    .mc-hot .mc-section-heading { gap: .5rem; }
    .mc-hot .mc-text-link { font-size: .7rem; }
    .mc-hot-source { font-size: .625rem; }
}
@media (prefers-reduced-motion: reduce) {
    .manga-home-route #navbar { transition: none; }
}