.leaders-section {
  margin: 26px 0;
  background: #0f1d2b;
  border: 1px solid rgba(100,255,218,0.14);
  border-radius: 10px;
  padding: 18px 18px 14px;
}

.leaders-title {
  font-size: 1.2rem;
  font-weight: 600;
  color: #eaf6fb;
  margin: 0 0 12px;
  display: flex; align-items: center; gap: 8px;
}

.leaders-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(380px,1fr));
  gap: 16px;
}

.leaders-card {
  background: #142636;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 8px;
  overflow: hidden;
}

.leaders-card-header {
  background: #1f3b53;
  color: #64ffda;
  font-weight: 600;
  padding: 10px 12px;
  letter-spacing: .5px;
}

.leaders-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: .78rem;
}

.leaders-table thead th {
  background: #173247;
  color: #d8e9f2;
  font-weight: 600;
  padding: 7px 6px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}

.leaders-table tbody td {
  padding: 7px 6px;
  text-align: center;
  color: #f2f7fa;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}

.leaders-table tbody tr:nth-child(odd) td { background: #1b3548; }
.leaders-table tbody tr:nth-child(even) td { background: #152c3d; }
.leaders-table tbody tr:hover td { background: #25465e; }
.leaders-table tbody tr:last-child td { border-bottom: none; }

.team-cell { text-align: left; font-weight: 600; color: #eaf6fb; }
.pct { font-weight: 700; color: #ffffff; }

@media (max-width: 700px) {
  .leaders-grid { grid-template-columns: 1fr; }
  .leaders-table { font-size: .72rem; }
  .leaders-table thead th, .leaders-table tbody td { padding: 6px 5px; }
}