/* Default: show cards, hide table */
.card-layout { display: block; }
.table-layout { display: none; }

/* Tablet/desktop: show table, hide cards */
@media (min-width: 768px) {
  .card-layout { display: none; }
  .table-layout { display: block; }
}

/* Small screens in landscape: prefer table */
@media (max-width: 767.98px) and (orientation: landscape) {
  .card-layout { display: none; }
  .table-layout { display: block; }
}