/* QUIZ KOF static lists need their own column allocation; notebook.css defaults to two columns. */
#quiz-formats .character-table th:nth-child(1),
#quiz-formats .character-table td:nth-child(1) { width: 14%; }
#quiz-formats .character-table th:nth-child(2),
#quiz-formats .character-table td:nth-child(2) { width: 13%; }
#quiz-formats .character-table th:nth-child(3),
#quiz-formats .character-table td:nth-child(3) { width: 21%; }
#quiz-formats .character-table th:nth-child(4),
#quiz-formats .character-table td:nth-child(4) { width: 22%; }
#quiz-formats .character-table th:nth-child(5),
#quiz-formats .character-table td:nth-child(5) { width: 21%; }
#quiz-formats .character-table th:nth-child(6),
#quiz-formats .character-table td:nth-child(6) { width: 9%; }

#shop-items .character-table th:nth-child(1),
#shop-items .character-table td:nth-child(1) { width: 18%; }
#shop-items .character-table th:nth-child(2),
#shop-items .character-table td:nth-child(2) { width: 18%; }
#shop-items .character-table th:nth-child(3),
#shop-items .character-table td:nth-child(3) { width: 43%; }
#shop-items .character-table th:nth-child(4),
#shop-items .character-table td:nth-child(4) { width: 21%; }
#shop-items .character-table th:nth-child(5),
#shop-items .character-table td:nth-child(5) { display: none; }

#characters .character-table th:nth-child(1),
#characters .character-table td:nth-child(1) { width: 36%; }
#characters .character-table th:nth-child(2),
#characters .character-table td:nth-child(2) { width: 54%; }
#characters .character-table th:nth-child(3),
#characters .character-table td:nth-child(3) { width: 10%; }

@media (max-width: 850px) {
  #quiz-formats .character-card-summary,
  #shop-items .character-card-summary,
  #characters .character-card-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  #characters .character-card-summary--with-value {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}

/* Prose fields retain their labels rather than appearing as identical badges. */
#quiz-formats .character-card-value, #shop-items .character-card-value {
  display: block; width: 100%; padding: 4px 0; border-radius: 0;
  background: transparent; color: var(--text-main); text-align: left;
  font-size: .9rem; font-weight: normal; line-height: 1.6;
}
#quiz-formats .character-card-value::before, #shop-items .character-card-value::before {
  content: attr(data-label) "："; display: block; color: var(--accent); font-size: .8rem; font-weight: bold;
}