/* ==========================================================
   pages/rank.css — 순위 목록 페이지 공통
   /ranking · /regions/{id}/ · /ages/{id}/ · /trending · /compare
   ========================================================== */

.page-hero .basis { margin-top: 14px; }
.glance + .rk-tools, .glance + .split { margin-top: 18px; }
.rk-tools { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 10px 16px; margin-bottom: 14px; }
.rk-tools .fbar { flex: 1 1 auto; min-width: 0; }

.rk-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 2px 6px 14px; }
.rk-title { font-size: 17px; font-weight: 800; letter-spacing: -.03em; }
.rk-count { flex: none; font-size: 12.5px; font-weight: 700; color: var(--ink-3); }

/* 옆 요약 */
.side .card-pad { padding: 18px; }
.side-foot { margin-top: 12px; font-size: 12.5px; color: var(--ink-3); }
.side-link { margin-top: 6px; }

/* 지역·또래 이동 칩 */
.jump { display: grid; gap: 10px; }
.jump-label { font-size: 13px; font-weight: 800; color: var(--ink-3); }
.jump .chips { flex-wrap: wrap; overflow: visible; }

@media (min-width: 768px) {
  .rk-title { font-size: 18px; }
}