/* yeojido home "top stores" — each row is one link (T016 #8: 44px target) + staff count side label (design M002.P023.T014 A).
   Additive; load after site.css. Existing tokens only (--ink-3, --s1, --s3); existing sizes only (12px/13px are already used in components.css / site.css). */

/* one-column track that can not be widened by a long unbroken name (768+ keeps the site.css 2 / 3 column rules) */
@media (max-width:767px){.top-grid{grid-template-columns:minmax(0,1fr)}}

/* the whole row is the link: rank, name, neighbourhood, count */
.toplinks a.tl-row{min-width:0;display:flex;align-items:center;gap:var(--s3);width:100%;min-height:44px;margin-right:0;padding:9px 0;line-height:26px;font-weight:400;text-decoration:none}
.toplinks a.tl-row:hover{text-decoration:none}
.toplinks a.tl-row:hover .tl-name{text-decoration:underline}
.tl-name{flex:1 1 auto;min-width:0;font-weight:600}
.toplinks .tl-name [lang]{overflow-wrap:break-word}

/* the count sits at the end of the row, after the neighbourhood; lower than rank (13px 800) and name (600): 12px 400 --ink-3 */
.toplinks .top-staff{flex:none;margin-left:calc(var(--s1) - var(--s3));font-size:12px;font-weight:400;line-height:26px;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}

/* when the row is short of room the neighbourhood gives way first (ellipsis, same pattern as .mini .mm-dong); the count never shrinks or wraps.
   Only rows that carry a count change; rows without one keep the current .dn behaviour. */
.toplinks .dn:has(+ .top-staff){flex:0 1000 auto;min-width:2.4em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ranking rule card: one extra line saying what the count is and how often it is refreshed — same side-label look as the count */
.top-rule .top-rule-basis{margin-top:var(--s2);font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}