/* Use the existing table/card layout until JavaScript enhances the initial HTML. */
[data-initial-list] .initial-mobile { display: none; }
.initial-desktop .character-detail { grid-template-columns: minmax(0, 1fr); padding: 6px 0; }
.initial-detail > summary { list-style: none; cursor: pointer; }
.initial-detail > summary::-webkit-details-marker { display: none; }
.initial-detail[open] > summary .character-open-icon { transform: rotate(180deg); }
.initial-detail > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (max-width: 850px) {
  [data-initial-list] .initial-desktop { display: none; }
  [data-initial-list] .initial-mobile { display: grid; }
}