[data-initial-list] .character-name-text,
[data-initial-list] .character-card-value {
  white-space: normal;
  overflow-wrap: anywhere;
}
[data-initial-list] details[open] > summary .character-open-icon {
  transform: rotate(180deg);
}
[data-initial-list] summary:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: -2px;
}