.initial-list-desktop { display: block; }
.initial-list-mobile { display: none; }

/* Fit both initial and enhanced tables inside the available content column. */
#character-list-container .character-table,
#list-container .character-table {
  min-width: 0;
}

@media (min-width: 851px) and (max-width: 1000px) {
  #character-list-container .character-detail {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 850px) {
  .initial-list-desktop { display: none; }
  .initial-list-mobile { display: block; }
}