/**
 * app.css — Seiteneigene Styles für den Android/iOS-Vergleich (BEM: app-grid)
 */

.app-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-card-gap);
}

.app-grid__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: var(--color-bg-dark);
  border-radius: var(--radius-card);
  padding: var(--space-card-padding);
}

.app-grid__card img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.app-grid__card table {
  width: 100%;
}

.app-grid__card td {
  padding: 8px 0;
  font-size: var(--font-size-small);
  border-bottom: 1px solid var(--color-border-subtle);
}

.app-grid__card tr:last-child td {
  border-bottom: none;
}

@media (min-width: 768px) {
  .app-grid {
    grid-template-columns: 1fr 1fr;
  }
}