.ra-ranking {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.ra-ranking thead {
  background: linear-gradient(135deg, #2563eb, #1e40af);
  color: #ffffff;
}

.ra-ranking th,
.ra-ranking td {
  padding: 12px 16px;
  text-align: center;
}

.ra-ranking th:first-child,
.ra-ranking td:first-child {
  text-align: left;
  font-weight: 600;
}

.ra-ranking tbody tr {
  border-bottom: 1px solid #e5e7eb;
  transition: background-color 0.2s ease;
}

.ra-ranking tbody tr:hover {
  background-color: #f1f5f9;
}

.ra-ranking tbody tr:last-child {
  border-bottom: none;
}

.ra-ranking tbody td {
  color: #1f2937;
}

/* Highlight ranking visually */
.ra-ranking tbody tr:nth-child(1) td { /*gold*/
  font-weight: 700;
  background-color: gold;
}

.ra-ranking tbody tr:nth-child(2) td { /*silver*/
  background-color: silver;
}

.ra-ranking tbody tr:nth-child(3) td { /*bronze*/
  background-color: coral;
}