/**
 * assets/charts.css
 * Most read reviews (includes/charts_page.php): the Best Reviewed chart's
 * styles (top.css, .hg-top) plus these few extras.
 */
.hg-charts .ch-kind { padding: 1px 8px; border-radius: 999px; background: var(--color-brand); color: #fff; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; }
.hg-charts .ch-kind.is-reader { background: #5B6470; }
.hg-charts a.ch-writer:link, .hg-charts a.ch-writer:visited { color: var(--color-ink); font-weight: 700; }
.hg-charts a.ch-writer:hover { color: var(--color-brand); }
.hg-charts .tp-score b { font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.hg-charts .tp-score { width: 112px; }
@media (max-width: 640px) {
    .hg-charts .tp-seg label { padding: 0 10px; }
    .hg-charts .tp-score { width: auto; }
    .hg-charts .tp-score b { font-size: var(--text-base); }
}