Le menu de navigation n'est pas centré verticalement sur mobile

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 :

image


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