Ankhena

Задайте для before и after одну боковую границу вместо фона

Прямо так "протереть", боюсь, не получится. Можно сделать вид:

наложить на текст изображение аналогичное фоновому
css.yoksel.ru/css-and-svg-masks

При необходимости делаю так:

function setEqualHeight(columns){
	var tallestcolumn = 0;
    columns.each(function(){
		currentHeight = $(this).height();
        if(currentHeight > tallestcolumn){
			tallestcolumn = currentHeight;
        }
    });
    columns.height(tallestcolumn);
}

setEqualHeight($(".blocks"));  /*делаем блоки одинаковой высоты*/

p.s. но теперь (2020) для этого есть гриды.

Например, www.pikachoose.com
А вообще любой по поисковому запросу "слайдер с превью jquery"

:hover применять не к ссылке, а к li
у ссылок увеличивать отступ, у li - нет.

Если количество уровней вложенности известное, то стилями.
Если нет, то придется считать, например js'ом.

codepen.io/anon/pen/xOakmO
codepen.io/anon/pen/NALxQo с дополнительными span

text-align: justify;
text-align-last: center;

1. Как сделать стрелочки, есть куча разных символов изображающих стрелки, например, тут: tehnopost.info/html/6-tablica-simvolov-yunikod-v-h...
2. Кружочки: просто border какой хочется и border-radius: 50%

И не надо никаких лишних картинок

3. Сами элементы - a, span, div, button, что там еще в голову придет. Теоретически можно и псевдоэлементами, но на них как-то надо нажимать.

Желаемое - это не вполне "адаптивность".
Использовать meta viewport

Для удаления неиспользуемых стилей есть CSS Usage для Firebug. Правда, нужно пройтись по всем страницам или по всем типам страниц на сайте.

Шепотом: иногда быстрее переверстать

Не получается потому что :last-child выбирает последний элемент своего родителя, т.е. в данном случае 8-ой.
Вот такая Ваша конструкция: li:not(.hm__a-grey):last-child будет брать элементы li, у которых нет класса .hm__a-grey смотреть их родителя и искать у него последний элемент. А последний элемент родителя это опять таки 8-ой, вне зависимости от того к которому li Вы будете приписывать свойства.

В данном случае надо:
- Либо еще раз подумать над структурой данных - текущая выглядит странно с семантической точки зрения.
- Либо использовать JS

1. У h2 по умолчанию есть отступы, в разных браузерах эти умолчания имеют право быть разными
2. Комбинацию когда line-height больше высоты блока они тоже могут воспринимать по разному
3. А что там в настройках сглаживания в конкретной win - вообще не видно.