copyhold

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

да, задайте высоту заголовку - 3lh. текст не надо центровать

можно еще попробовать сабгрид,

вам поможет свойство
shape-outside

можно попробовать сделать 2 фоновых градиента

.bg {
  background: 
radial-gradient(closest-corner at 75% 50%, rgba(169,54,77,1) 0%, rgba(142,51,69,0) 100%),
    radial-gradient(circle at 20% 20%, rgba(169,54,77,1) 0%, rgba(142,51,69,0) 100%)

#000;
}

можно попробовать использовать view-transition api

Как я понимаю, сделать вебкомпонент в котором будет и текст статьи и ссылка на стиль не вариант?
Тогда я бы загружал внешний стиль жаваскриптом, и после получения кода стиля заворачивал бы его в какой нибудь препроцесор (LESS) добавив предварительно дополнительный класс . Ну и можно вставлять в страницу.

На мобильных наиболее правильно использовать нативные элементы а не селекты. Благо поддерживаются хорошо.
А для десктопов можно сделать фолбэк на селектах.

Без жаваскрипта здесь не обойтись, но ничего сложного.

для контейнера
flex-flow: column wrap; height: 100vh;

но поимей ввиду, ширина контейнера автоматически не увеличивается ибо есть такой баг (хоть и не во всех браузерах)

Нельзя на сервере увидеть хеш.
Значит на сервер придет только site.ru/forum/read.php?2,184641,184647
ну и редирект будет

rewriterule ^forum/read\.php\?2,184641,184647 /article [r=301,l]