.character-static-cards { display: none; }
.character-static-table tbody[hidden],
.character-static-cards .character-card[hidden],
.character-mobile-list-head[hidden] { display: none !important; }
.character-table-detail summary {
  display: inline-block;
  margin: 0 10px 8px;
  color: var(--accent);
  font-size: 0.8rem;
  font-weight: 800;
  cursor: pointer;
}
.character-table-detail summary:hover,
.character-table-detail summary:focus-visible { text-decoration: underline; }
.character-table-detail[open] { padding-top: 8px; }
.character-table-detail .character-detail { padding: 0 10px 10px; }
.character-static-cards .character-card[open] { background: #fffafc; }
body[data-page="characters"] .character-static-cards .character-card-summary {
  position: relative;
  padding-right: 26px;
}
body[data-page="characters"] .character-static-cards .character-card-summary::after {
  display: block;
  position: absolute;
  top: 12px;
  right: 9px;
  color: var(--brand);
  content: "▼";
  font-size: 0.72rem;
}
body[data-page="characters"] .character-static-cards .character-card[open] .character-card-summary::after { content: "▲"; }
@media (max-width: 850px) {
  .character-static-table { display: none; }
  .character-static-cards { display: grid; }
}