/* Initial HTML uses the same table/card layout before the interactive renderer loads. */
.initial-mobile { display: none; }
.initial-detail > summary { cursor: pointer; }
.initial-detail > summary.character-name-button { display: list-item; }
.initial-mobile summary .character-name-text::after { content: " ▼"; }
.initial-mobile details[open] .character-name-text::after { content: " ▲"; }
.initial-detail > summary:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.initial-detail .character-detail { min-width: 0; overflow-wrap: anywhere; }
.initial-detail .character-detail-item p { white-space: pre-line; }
.initial-desktop .character-detail { display: block; padding: 6px 0; }
.initial-desktop .character-detail-item { display: block; padding: 6px; margin-bottom: 6px; }
.initial-desktop .character-detail-item h3 { margin-bottom: 4px; }
@media (max-width: 850px) {
  .initial-desktop { display: none; }
  .initial-mobile { display: grid; }
}