https://htmlacademy.ru/courses/309/run/3

На сайте htmlbook.ru написано, что свойство line-height “Устанавливает интерлиньяж (межстрочный интервал) текста, отсчет ведется от базовой линии шрифта…”. Почему в задании: https://htmlacademy.ru/courses/309/run/3, когда я задаю для класса .page-title line-height: 42px, изменяется расстояние не только между строками в заголовке h1 с классом page-title, но и расстояние между последней строкой этого заголовка и аватаркой?
Не менее интересно, почему также изменяется расстояние между первой строкой этого заголовка и верхним краем страницы?

Высота каждой строки увеличивается (а не только отступ между ними) — увеличивается и расстояние между текстом и соседними элементами. Как именно изменяется высота строки при изменении значения можно посмотреть через инструменты разработчика.