/* ═══ Rankings (R-41) ═════════════════════════════════════════════════
   Maqueta D (maquetas/r30/d-mix/rankings.html): pestañas por tipo y la
   tabla-carrera de base.css §10b (ranking-table), con tu fila fija abajo
   (D-15). Acá va solo lo propio de la página. Mobile-first. */

.rankings-tabs { margin-top: var(--space-lg); }

.rankings-updated {
  margin-bottom: var(--space-xs);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

/* Nombre del personaje o guild: link sin subrayado, como en la maqueta */
.rankings-link {
  color: inherit;
  text-decoration: none;
}
.rankings-link:hover { text-decoration: underline; }

/* Esqueleto del alto de una fila mientras llega el ranking */
.rankings-skeleton-row {
  height: calc(var(--portrait-size) + 2 * var(--space-sm));
  margin-top: var(--space-3xs);
}

/* Guilds: una columna menos que el ranking de personajes (sin país) */
@media (min-width: 900px) {
  .rankings-board--guilds .ranking-table__row {
    grid-template-columns:
      var(--ranking-position-width-desktop) var(--portrait-size) 1.6fr 1fr
      var(--ranking-number-width) var(--ranking-value-width);
  }
}