/* Native disclosure before the existing table/card renderer is available. */
[data-initial-rendering] .initial-mobile { display: none; }
[data-initial-rendering] summary { cursor: pointer; }
[data-initial-rendering] summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
[data-initial-rendering] summary::marker { color: var(--brand); }
[data-initial-rendering] .initial-table-summary { display: grid; grid-template-columns: 38% 30% 32%; align-items: start; }
[data-initial-rendering] .initial-table-summary--two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
[data-initial-rendering] .initial-table-summary > span { min-width: 0; padding: 4px; overflow-wrap: anywhere; }
[data-initial-rendering] .initial-desktop td { padding: 6px 10px; }
[data-initial-rendering] details .character-detail { padding: 10px; }
@media (max-width: 850px) {
  [data-initial-rendering] .initial-desktop { display: none; }
  [data-initial-rendering] .initial-mobile { display: grid; }
  [data-initial-rendering] .initial-mobile .character-name-static { white-space: normal; overflow-wrap: anywhere; }
  [data-initial-rendering] .initial-mobile .character-card-value { white-space: normal; overflow-wrap: anywhere; }
  [data-initial-rendering] .initial-mobile summary { list-style: none; }
  [data-initial-rendering] .initial-mobile summary::-webkit-details-marker { display: none; }
  [data-initial-rendering] .initial-mobile summary .character-name-static::after { content: ' ＋'; }
  [data-initial-rendering] .initial-mobile details[open] summary .character-name-static::after { content: ' −'; }
}