/* Only the initial list needs both views. The runtime replaces these wrappers. */
[data-initial-list] > .initial-list-mobile { display: none; }
[data-initial-list] > .initial-list-desktop .character-detail {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
}
@media (max-width: 850px) {
  [data-initial-list] > .initial-list-desktop { display: none; }
  [data-initial-list] > .initial-list-mobile { display: block; }
}