Le padding-top de #main-outlet est de 20px[^p] :
[^p] :
1.25em
La marge inférieure de la barre de navigation est de 12px[^v] :
[^v] :
var(--nav-space): 0.75em
Le résultat est que la barre de navigation n’est pas centrée verticalement entre l’en-tête et le contenu principal :

Ma suggestion est de modifier certains attributs/valeurs afin que la barre de navigation soit centrée verticalement :



