/* RF4の追加一覧スタイル：長い料理名・材料・ドロップをスマホで折り返す */
@media (max-width: 600px) {
  body[data-page-type="list"] .character-card-summary {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 4px;
  }

  body[data-page-type="list"] .character-card-summary .character-card-name-cell,
  body[data-page-type="list"] .character-card-meta--rf4 {
    width: 100%;
  }

  body[data-page-type="list"] .character-name-button,
  body[data-page-type="list"] .character-name-static {
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
  }

  body[data-page-type="list"] .list-data-table td,
  body[data-page-type="list"] .list-data-table th {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}