/* Reviewed metric tables: keep definitions visible on narrow screens. */
.ranking-dashboard .ranking-grid { grid-template-columns: minmax(0, 1fr); }

@media (min-width: 701px) {
  .mobile-card-table table { display: table !important; width: 100%; }
  .mobile-card-table thead { display: table-header-group !important; }
  .mobile-card-table tbody { display: table-row-group !important; }
  .mobile-card-table tr { display: table-row !important; }
  .mobile-card-table th, .mobile-card-table td { display: table-cell !important; }
  .mobile-card-table thead, .mobile-card-table thead tr, .mobile-card-table th { position: static !important; transform: none !important; }
}
@media (max-width: 700px) {
  .mobile-card-table { overflow: visible !important; }
  .mobile-card-table table { display: block !important; min-width: 0 !important; width: 100% !important; }
  .mobile-card-table thead { display: none !important; }
  .mobile-card-table tbody { display: grid !important; gap: 12px; }
  .mobile-card-table tbody tr { display: block !important; background: white; border: 1px solid #ddd; border-radius: 6px; }
  .mobile-card-table tbody td { display: grid !important; grid-template-columns: minmax(0, 42%) minmax(0, 1fr) !important; gap: 12px; width: auto !important; white-space: normal !important; overflow-wrap: anywhere; }
  .mobile-card-table tbody td::before { content: attr(data-label) !important; color: #59616b; font-weight: 700; }
}
@media (max-width: 700px) {
  html body main .mobile-card-table table thead { display: none !important; }
}
@media (max-width: 700px) {
  html body main .mobile-card-table table thead tr,
  html body main .mobile-card-table table thead th { display: none !important; }
}