/* Initial HTML uses the same table/card styles as the enhanced lists. */
.initial-mobile { display: none; }
.initial-character-detail > summary { cursor: pointer; }
.initial-character-detail > summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.initial-character-detail > summary::marker { color: var(--accent); }
.initial-character-detail[open] > summary { margin-bottom: 8px; }
.initial-character-detail .character-detail { min-width: 0; grid-template-columns: minmax(0, 1fr); padding: 8px 0 0; overflow-wrap: anywhere; }
.initial-desktop .initial-character-detail .character-detail-item { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.initial-character-detail > summary .character-name-text::after { content: " ▼"; }
.initial-character-detail[open] > summary .character-name-text::after { content: " ▲"; }
.initial-character-detail .character-card-summary { display: grid; }
@media (max-width: 850px) {
  .initial-desktop { display: none; }
  .initial-mobile { display: grid; }
  .initial-character-detail > summary { list-style: none; }
  .initial-character-detail > summary::-webkit-details-marker { display: none; }
}