.standings-file {
  width: min(980px, 95vw);
  background: #1a2730;
  color: #e6e8db;
  border-color: #7193a3;
}

.standings-file h2 {
  color: #f0e7c6;
  margin-bottom: 5px;
}

.standings-subtitle {
  margin-top: 0;
  color: #adc4c6;
  font: 12px monospace;
}

.standings-tabs {
  display: flex;
  gap: 8px;
  margin: 18px 0 12px;
}

.standings-tabs button {
  border: 2px solid #628799;
  background: #182f3c;
  color: #ccdcda;
  padding: 9px 18px;
  font: bold 12px monospace;
}

.standings-tabs button.active,
.standings-tabs button:hover {
  background: #4e91a6;
  border-color: #e2c467;
  color: #112733;
}

.standings-tabs .kpi-help { margin-left:auto; min-width:34px; padding:7px; border-radius:50%; color:#f4dd83; font: bold 17px Georgia,serif; }
.family-kpi { border:3px solid #597583; background:#101b22; box-shadow:inset 0 0 0 3px #1e3440; }
.family-kpi > p { margin:0; padding:12px 14px; color:#adc4c6; font:12px monospace; }
.kpi-grid { display:grid; gap:5px; padding:0 12px 12px; }
.kpi-grid article { display:grid; grid-template-columns:92px 1fr 50px; gap:9px; align-items:baseline; padding:7px 10px; background:#263b43; border-left:4px solid #7d5731; }
.kpi-grid article b { color:#f1cc60; font:28px Impact,Arial Black,sans-serif; letter-spacing:1px; }.kpi-grid article strong { color:#f4ede0; font:24px Impact,Arial Black,sans-serif; text-align:right; }.kpi-grid article span { color:#a9beb4; font:10px monospace; }
.mmm-modifier { display:flex; gap:12px; align-items:center; margin:0 12px 12px; padding:11px; border:1px dashed #d0a443; background:#402b25; color:#eed8a4; font:11px monospace; }.mmm-modifier b { font:24px Impact,Arial Black,sans-serif; color:#f0c949; white-space:nowrap; }

.standings-panel {
  border: 3px solid #597583;
  background: #101b22;
  box-shadow: inset 0 0 0 3px #1e3440;
}

.standings-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 11px 14px;
  background: #2d4553;
  color: #f1edda;
  font: 18px Impact, Arial Black, sans-serif;
  letter-spacing: 1px;
}

.standings-title small {
  color: #b8d0d0;
  font: 11px monospace;
}

.standings-panel table {
  width: 100%;
  border-collapse: collapse;
  font: 12px monospace;
}

.standings-panel th {
  padding: 8px 7px;
  background: #243943;
  color: #b7c8c9;
  font-weight: normal;
  text-align: left;
}

.standings-panel td {
  padding: 8px 7px;
  border-top: 1px solid #314853;
  color: #dae1d8;
}

.standings-panel tr:nth-child(even) td {
  background: rgba(107, 137, 147, .1);
}

.standings-panel tr.cruzeiro td {
  background: linear-gradient(90deg, #275f82, #365a54);
  color: #fff5d0;
}

.standings-panel td:first-child,
.standings-panel th:first-child {
  width: 56px;
  color: #e7c655;
  text-align: center;
}

.standings-panel td:nth-last-child(-n+3),
.standings-panel th:nth-last-child(-n+3) {
  text-align: center;
}

.standings-panel.drivers td:nth-child(3) {
  color: #9dbbc2;
}

@media (max-width:650px) {
  .standings-panel { overflow-x: auto; }
  .standings-panel table { min-width: 620px; }
}