/* UMBRAL v3 — ranking only. No global tokens or existing rules are replaced.
   Layout comes from catalogue; headings from selection; first places from estudio. */
.ranking-page .ranking-highlights-section { margin-bottom:var(--space-12); }
.ranking-page .ranking-highlights { gap:var(--space-6); }
.ranking-page .ranking-highlights h3 { font-size:22px; margin:var(--space-6) 0 var(--space-3); }
.ranking-page .ranking-highlights p { font-size:13px; }
.ranking-page .ranking-highlights article > span { font-size:11px; }
.ranking-page .ranking-table-wrap { border:1px solid var(--line); border-radius:24px; overflow:hidden; }
.ranking-page .ranking-table { border-collapse:collapse; width:100%; text-align:left; font:400 14px/1.7 var(--ui-font); }
.ranking-page .ranking-table th { padding:var(--space-4) var(--space-6); background:var(--sand); border-bottom:1px solid var(--line); color:var(--stone); font:500 12px/1.7 var(--ui-font); }
.ranking-page .ranking-table td { padding:var(--space-4) var(--space-6); border-bottom:1px solid var(--line); vertical-align:middle; }
.ranking-page .ranking-table tr:last-child td { border-bottom:0; }
.ranking-page .ranking-table th:first-child { width:20%; }
.ranking-page .ranking-table th:last-child,.ranking-page .ranking-table td:last-child:not([colspan]) { text-align:right; }
.ranking-page .ranking-table td[colspan] { padding:0; }
.ranking-page .ranking-table .empty-state { border:0; border-radius:0; }
.ranking-page .ranking-player { display:flex; align-items:center; gap:var(--space-3); overflow-wrap:anywhere; }
.ranking-page .ranking-player .icon { color:var(--moss); width:18px; height:18px; }
@media(max-width:760px) {
  .ranking-page .ranking-highlights { grid-template-columns:1fr; gap:var(--space-6); }
  .ranking-page .ranking-highlights h3 { font-size:22px; margin:0 0 var(--space-2); }
  .ranking-page .ranking-place-title { display:none; }
  .ranking-page .ranking-highlights article > span { display:block; font-size:11px; }
  .ranking-page .ranking-highlights p { font-size:12px; }
  .ranking-page .ranking-highlights-section { margin-bottom:var(--space-8); }
  .ranking-page .ranking-table th,.ranking-page .ranking-table td { padding:var(--space-4) var(--space-3); }
  .ranking-page .ranking-table td[colspan] { padding:0; }
  .ranking-page .ranking-table .empty-state { padding:var(--space-12) var(--space-4); }
}