Алексей

Обратить внимание на стили для ссылки.
Если шрифт не нулевой то может блок чуть съезжать вверх-вниз. Ссылка изначально имеет вывод в inline формате, поэтому некорректно отрабатывает высоту. Надо ставить inline-block

.a {
  background: #bbb;
  height: 4rem;
  line-height: 4rem;
  font-size:0;
  display:inline-block;
}

.b {
  background: #888;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.5rem;
  vertical-align: middle;
}

Такое бывает, повсеместно, с подключаемыми шрифтами.

Стоит попробовать использовать другой формат. Если TTF сейчас, тогда попробовать OTF. Возможно немного изменить размер шрифта. Тоже может помочь. Или заново конвертнуть шрифт другим сервисом | программой.

И еще: у Вас масштабирование текста в операционной системе не выставлено? Потому что firefox автоматически масштабирует страницы. Из-за этого зачастую появляются мелкие баги.

Вероятно не достаточная разрешаюшая способность задания hsla.
Тут нужны еще доли процентов.

Стандартно width задает ширину контентной области блока. При формировании блока поля padding приплюсовываются дополнительно. А также границы border.
В вашем случае имеем дело с padding.

На чистом CSS не пробовал. Обычно для этой цели использую Fullpage

Только ограничиваю адаптивность для малых экранов. Там делаю обычные по высоте секции.

Сейчас воспроизвел подобную ситуацию. По моему это просто тормозит браузер таким образом. То есть ему надо отрабатывать 50 мс интервалы и обращаться к элементам страницы.

Возможно мигание курсора обрабатывается той же частью движка браузера и возникает пересечение. В firefox посмотрел, такого нету.

При 800 мс и выше - мигание курсора выравнивается.

Надо указать что это дочерний див
.noselect > div:first-child {}