Chrome и Safari почему-то упорно переносят текст, который в любом случае поместился бы в одну строку (пример). Переносят даже в том случае, если его заменить на "Header text here", что требует еще меньше пространства по ширине. Наблюдается на десктопных и мобильных версиях.

Методом тыка обнаружил, что причина в процентном указании отступа:

#SiteTitle p {
  margin: 0 5%;
}

Если заменить отступы на абсолютные — переноса не происходит. Но вся фишка в том, что и процентные отступы вычисляются правильно (видно в инспекторах), и в любом случае получаются узкими.

Это глюк движка WebKit, или какая-то неявная особенность flex?