C'est un peu comme les icons, vous rangez par ordre alphabétique de personnage.
Pour les tables des matières :
<div class="tbm-icons dessins-icons"><h2>Table des matières</h2><span><a href="#perso1">Perso 1</a><a href="#perso2">Perso 2</a><a href="#perso3">Perso 3</a></span></div>
Vous voyez les #perso 1 ?
Dans chaque titre :
<div class="titre-h3" id="perso1">Nom du personnage</div>
Il y a un "id="perso1". Cet id est à faire correspondre avec le #perso1. (on appelle ça une ancre, si jamais).
<aside> ⚠️ Attention : pas de doublon d'id / # (pas deux fois id="perso1" et "#perso1" en duo dans un même sujet.)
</aside>
(Si vous comprenez rien, mp KoalaVolant)