Rsa97

Конечно переносится. Вы же сами написали, что всё содержимое article надо уместить в четыре колонки. При этом браузер автоматически разбивает содержимое так, чтобы все колонки были максимально близкого размера.
Если хотите, чтобы каждая колонка была независимой, то для этого есть flex'ы, grid'ы и, прости господи, табличная вёрстка.

Запрашивать сторонние ресурсы через свой бэк, больше никак.

Это потому, что jsfiddle подставляет свои тэги в конец кода и Аист перестаёт быть последним потомком своего родителя, им становится script.

Сравните:

$x = '-- \' --';
print $x . "\n"; // -- ' --

$y = '-- \\\' --';
print $y . "\n"; // -- \' --

To specify a literal single quote, escape it with a backslash (\). To specify a literal backslash, double it (\\).

https://www.php.net/manual/en/language.types.strin...

@font-face {
-    font-family: 'Rubik Doodle Shadow', system-ui;
+    font-family: 'Rubik Doodle Shadow';
    src: url(fonts/RubikDoodleShadow-Regular.woff2) format('woff2');
}

Сайт должен передавать данные на свой бэк, а уже бэк должен отправлять их в telegram. Для защиты от спама через ваш бэк используйте CSRF.

Потому что ~ - это следующий элемент того же уровня (subsequent-sibling), а вам нужен потомок (children).

Вешаете MutationObserver на div.balloon__header-subtitle или на родителя div.balloon, в зависимости от того, как организовано формирование всплывающего окна. Отслеживаете изменение содержимого и извлекаете нужную информацию.

При нажатии кнопки сохранять состояние в localStorage, при открытии страницы читать из localStorage и устанавливать кнопку в нужное состояние.

Ну так вы ставите класс на текущей странице, а потом сразу загружаете другую, которая про установленный на предыдущей странице класс ничего не знает.

У вас 1С:Битрикс с включённой опцией "Переместить весь Javascript в конец страницы".
Попробуйте добавить в тэг script атрибут data-skip-moving="true", чтобы на этот скрипт не влияла глобальная настройка.