/* ZenPens Reader 0.1.3. Reads and ratings: the numbers on cards and story pages, and the Top rated block (copied from the prototype). */
.zp-nums{margin:2px 0 0;color:var(--muted);font-size:var(--fs-0)}
.rd-nums{margin:calc(var(--s-5) * -1) 0 var(--s-5);color:var(--muted);font-size:var(--fs-0)}
.top-star{color:var(--accent-text);font-weight:600}
.zpr-new{display:inline-block;font:700 .65rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;padding:.25rem .5rem;border-radius:var(--r-pill);background:var(--accent-text);color:#fff;vertical-align:middle}
.wr-nums .top-star{font-weight:600}
.zpr-rate-hint{margin:var(--s-2) 0 0;max-width:46ch}
.zpr-rate-hint a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}

.top-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));column-gap:var(--s-6)}
.top-list[hidden]{display:none}
.top-row{display:grid;grid-template-columns:2rem 56px 1fr;gap:var(--s-4);align-items:center;padding:var(--s-3) 0;border-bottom:1px solid var(--line)}
.top-row:has(.avatar){grid-template-columns:2rem 56px 1fr}
.top-rank{font:600 var(--fs-4) var(--font-display);color:var(--accent);text-align:center}
.top-row .cover{padding:.4rem;border-radius:3px 6px 6px 3px;box-shadow:none}
.top-row .c-title,.top-row .c-meta{display:none}
.top-row .avatar{width:56px;height:56px}
.top-row h3{font-size:var(--fs-2);margin:0 0 2px}
.top-row h3 a{color:inherit;text-decoration:none}
.top-row h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.top-row .by{margin:0;color:var(--muted);font-size:var(--fs-0)}
#top .tabs{margin-bottom:var(--s-5)}