.diagnostic-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding: 20px;
}
.diagnostic-grid article {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel2);
}
.diagnostic-grid span { display: block; color: var(--muted); font-size: 11px; margin-bottom: 8px; }
.diagnostic-grid strong { font-size: 25px; }
.diagnostic-columns { padding: 0 20px 22px; }
.diagnostic-columns h3 { font-size: 13px; margin: 5px 0 10px; }
.rank-list { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.rank-row { display: grid; grid-template-columns: 1fr auto; gap: 12px; padding: 10px 12px; border-bottom: 1px solid #212530; font-size: 12px; }
.rank-row:last-child { border-bottom: 0; }
.rank-row span { color: var(--muted); }
@media (max-width: 700px) { .diagnostic-grid { grid-template-columns: repeat(2, 1fr); } }