ince

pug

https://developer.mozilla.org/ru/docs/Web/CSS/:any

Пока экспериментальная возможность, мало где работает.

Как-то так

#id :-webkit-any(input, button, fieldset) { ... }
#id :-moz-any(input, button, fieldset) { ... }
#id :matches(input, button, fieldset) { ... }
#id :is(input, button, fieldset) { ... }

На чистом CSS — нельзя.

Можно через препроцессоры.

все верно, но есть приоритеты и !important

в инспекторе браузера можно проверить какое правило дает стиль и нужно таким же правилом переназначать

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

fieldset > .ui-checkboxradio-label {
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

Вместо :hover может быть :active, но тогда придется держать зажатой кнопку мыши. Так что очевидно, что это надо делать через js. Что-то типа:

$('.my_some_btn').on('click',function(){
   $('.my_some_block').toggleClass('animate');
});

А в css описать анимацию, только завязать не на :hover, а на класс animate.

$(document).on('click', '#location-cont .terminus' , function () {

Не бардак, а асинхронное выполнение кода, специально чтобы браузер не "зависал" пока ждет ответ от сервера.
Вы конечно можете переписать все в синхронном стиле, в jq для этого настройка есть (async: false) . Но лучше почитать учебник и понять, а не тормозить.

Почему не срабатывает?

Потому что:

1. Символы не экранированы
   
2. Пропущены [ и ,
   
3. Квантификатор отсутствует - вы сравниваете Барнаул с одной буквой из [А-Яа-я]
   

Правильное рабочее выражение (как вариант):
\[\{\"Местоположение\"\:\"[А-Яа-я]{1,}\"\,

Прописать на то, где стили
https://expressjs.com/ru/starter/static-files.html

app.use(express.static(__dirname + '/dist'))
app.use(express.static(__dirname + '/node_modules'))

Посмотрите загрузился ли шрифт в вкладке network - font.

Не смотрите на расположение файлов, как на расположение файлов. Представьте эти файлы в одном файле, расположенные в таком же порядке. т.е.

.query {}
.query {} // больше приоритет, т.к. она ниже

но надо понимать, что помимо приоритета по порядку, есть еще приоритет по селектору. т.е.

div.query {} // используется этот, т.к. селектор "подробнее".
.query {}

Литература
https://developer.mozilla.org/ru/docs/Web/CSS/Spec...
https://webref.ru/course/css-basics/priority
https://idg.net.ua/blog/uchebnik-css/azy-css/kaskadnost