Как сверстать данный блок?

Сделать "фон" псевдоэлементом с z-index: -1.

Сборщик игнорирует синтаксис PostCSS?

JastaFly, ну что я могу сказать - дебажить надо.

Алгоритм:
скопируй конфиг и package в новую папку;
оставь одну entry в которую импортируй один тестовый css;
убери все плагины кроме nested;
добейся чтоб он работал;
верни плагины.

Сборщик игнорирует синтаксис PostCSS?

У тебя подключено два пакета postcss-nested и postcss-nesting похоже делающих одно и то же, но по разному.
Во втором не вижу примеров вида &_xxx, только & .xxx, возможно он это и не умеет. А по коду он у тебя вызывается первым(postCss.postCssNesting()), из-за чего всё, возможно, и ломает. Убери его и проверь.

Как сгруппировать значения массива?

Александр, сам сейчас так делаю из-за лени, но по факту предложенный вариант немного оптимальнее - нет лишнего пуша при первом вхождении.:)
Это конечно копейки, но и переписывать не за чем.

Как сделать элементы в разных блоках одинаковыми по ширине?

Ankhena, я предположил что дополнительная обёртка несёт какой-то смысл: выделение там какое, фон ещё что. И тогда display contents ничем не поможет. Но, как видно, был не прав, и автор вопроса просто пилит какой-то жуткий костыль.:)

Как сделать элементы в разных блоках одинаковыми по ширине?

Для начала скажи - зачем? В общем виде это сделать практически невозможно (если и можно, то только очень очень магически). Ставлю буханку чёрного на то что твою задачу моно решить иным образом на порядок проще.

Как отключить блокировку текста?

Refguser, обновил ответ. Теперь контекстное меню и выделение тоже работает. В общем вроде победа.:)
Единственное что увы html текст и svg текст не один к одному, потому пришлось скрыть svg. Из-за этого теоретически какие-то куски могут пропасть. Если с этим будут проблемы - убери правила с opacity (видимое выделение пропадёт).

Как отключить блокировку текста?

Refguser, исправление чтоб next работало.

academy.make.com##.acc-text:style(pointer-events: auto !important;)
academy.make.com##html:style(user-select:auto !important;)

import.cdn.thinkific.com##.acc-text:style(pointer-events: auto !important;)
import.cdn.thinkific.com##html:style(user-select:auto !important;)

Чтоб контекстное меню работало в любом месте - зажимай правый shift. Переводчик выделенного работает(по крайней мере встроенный в ff).

Я потыкаю ещё - попробую сделать выделение видимым и разрешить контекстное меню без shift:).

MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?

SIROJA04, content-type да, лишний, но ни на что не влияет, а swith лучше тренарки - нагляднее и всегда расширить удобно можно.

Другое дело что вся эта хренотень в принципе не нужна - UA можно(и нужно) разбирать сразу на стороне сервера, отдавая страницу сразу с нужным воткнутым css, без лишних запросов и мигания стилей.:)

Как разделить две клавиатуры?

037, в чём был подвох с дублированием у luamacros?

Как отключить блокировку текста?

Refguser, вот так...

academy.make.com##.acc-shadow-dom,.acc-text:style(pointer-events: auto !important;)
academy.make.com##html:style(user-select:auto !important;)

Для проверке на примере(другой домен перед ##):

import.cdn.thinkific.com##.acc-shadow-dom,.acc-text:style(pointer-events: auto !important;)
import.cdn.thinkific.com##html:style(user-select:auto !important;)

тут точно работает, сам только что проверил.

Как отключить блокировку текста?

* проверил и обновил правило, теперь точно работает)

Как отключить блокировку текста?

Refguser, да это скрипт, чтоб он работал ножно расширение для юзерскриптов, напрмер tampermonkey.

Простой блокировкой тут ничего не сделать, потому что надло не блокировать а дополнять функционал. Однако ublock вроде умеет менять стили, судя по гуглу:

academy.make.com#.acc-shadow-dom,.acc-text:style(pointer-events: auto !important;)

MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?

Sviaznoi, нет, не та же. Теперь должна быть иная ошибка. Либо не всё исправил,

MIME тип CSS при попытке добавить stylesheet в head через скрипт. Как решить проблему?

Sviaznoi, скобку убрал - а лишнюю кавычку оставил.

404 он выдаёт вместо css файла браузеру, а не "тебе". Открой вкладку "Сеть" в инструментах разработчика и убедись сам.

Ошибка TypeError: Cannot read properties of undefined (reading 'completedCourses') в React-компоненте?

По приведённому коду такая ошибка невозможна - у тебя уже есть отсеивание пустых значений: .filter(Boolean).

Чтоб выдавал "нет данных" - выдавай "нет данных".
Обычный javascript:

stats.userStats.length > 0 && ...
->
stats.userStats.length > 0 ? ... : 'Нет данных'

Как сделать квадрат с стрелкой?

SQLpodavan228, position-absolute триугольнику.

Почему установка nuxt зависает?

Нет. npx --loglevel verbose ....

При изменении CSS файла страца в браузере не изменяется. Локальный сервер - Apache. С чем может быть связанно, и как можно пофиксить?

Антон Иванов, это так, но как я и сказал - поифг грузит он данные или только статус 304 - дольше само соединение устанавливается: задержки на dns, на tcp, на tls хэндшейки... :)

Как сделать квадрат с стрелкой?

SQLpodavan228, ну собсно в доках всё нормально расписано.
Однако руками это делать конечно напряжно и лениво, проще тут вот нарисовать примерно что тебе надо, а потом подправить под конкретные пиксели-проценты.
Для более сложных фигур можно использовать уже path(), а он имеет ту же структуру что и обычный svg-path, для которого полно редакторов, например.
Ну и если надо совсем сложно - можно использовать полноценный векторный редактор - inkscape или ещё что.