/* Initial HTML uses the existing table/card classes; the browser renderer takes
   over these containers only after its data has loaded successfully. */
.seo-initial-mobile { display: none; }
.seo-initial-detail > summary { cursor: pointer; color: var(--accent); font-weight: 700; }
.seo-initial-detail .character-detail { white-space: normal; overflow-wrap: anywhere; }
.seo-initial-mobile .character-name-static,
.seo-initial-mobile .character-card-value { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 850px) {
  .seo-initial-desktop { display: none; }
  .seo-initial-mobile { display: block; }
}