Как показывать определённый кнтент при нажатии на радио кнопки?

Зачем для этого JS? (Если на JS, то это кнопки, а не радио)

<input type="radio" id="ur" class="radio" name="category">
<input type="radio" id="company" class="radio" name="category">
<label for="ur" class="radio__label">Юр. лицо</label>
<label for="company" class="radio__label">ФОП</label>
<div class="registration__ur">
  registration__ur
</div>
<div class="registration__fop">
  registration__fop
</div>

.registration__ur, .registration__fop {
  display: none;
}

#ur:checked ~ .registration__ur {
  display: block /*или какой там ему нужен*/
}
#company:checked ~ .registration__fop{
  display: block /*или какой там ему нужен*/
}

Как сделать так, чтобы таблица (блок) с контентом внутри растягивался только на свободное пространство в зависимости от другого блока?

jsfiddle не работает в России, лучше переделать на codepen.io

Как сделать так, чтобы таблица (блок) с контентом внутри растягивался только на свободное пространство в зависимости от другого блока?

но разве в 2023 нет нативного css способа сделать так?

Есть. И не только в 2023. Это position absolute. Для флексов.

Для гридов есть grid-template-rows: fit-content(0) и overflow-y auto

Как сделать чтобы один элемент был прилеплен, пока второй скролится(css/jquery)?

Но тут посложнее - summary перестает быть avsolute или fixed не совсем когда перестают скроллить, а когда доскроливают где-то пикселей 30-50 до низа галереи. Я не сильно пойму логику.

Там в top передается высота хедера через кастомное свойство css.
И обычный position sticky

Поизучайте что там есть в инструментах разработчика.

Показать блок поверх другого без absolute?

Гридами.
Но размер будет определяться большим из них или по соседним блокам, если stretch.

Почему при заполнении формы перекидывает на страницу php и выводит ошибку?

Разные адреса в action наводят на раздумья о том, что же на самом деле происходит.

p.s. хорошо бы исправить пачку ошибок в разметке: незакрытый div, путь к картинке (в идеале убрать в стили), p внутри кнопки, зачем-то value (не ошибка, но зачем..)

Как сверстать такую сетку?

Saipy, существует align-self для таких вещей

Как сверстать такую сетку?

Saipy, попробуйте заглянуть в комментарии к вопросу..

Как сверстать такую сетку?

Saipy, перестать рассказывать, что это можно сделать на флексах в рамках условий вопроса и реальности.

Как сверстать такую сетку?

Saipy, это и есть доп обертки )))

Как сверстать такую сетку?

Saipy,

Один родительский элемент и два дочерних

На скрине в вопросе нарисованы 3 дочерних элемента. Даже номера стоят.

Как сверстать такую сетку?

Saipy, давайте теперь не в виде вопроса, а в виде утверждения: без фикс высоты или доп оберток вы на флексах не сделаете такую раскладку.

Как сверстать такую сетку?

Saipy, А вы точно знаете сколько будет текста? А вы точно знаете, что у пользователя не стоит увеличенный шрифт или не задан минимальный больше, чем указан верстальщиком? Вы уверены, что при адаптиве пропорции останутся такими же? И т.д.

Как сверстать такую сетку?

Даже интересно как вы будете это делать на флексе при неизвестной высоте блоков и доп оберток.

Как сверстать такую сетку?

Так и сверстать: две колонки, два столбца.
Что именно вы делали и что не получилось?

Поможет https://cssgridgarden.com/#ru

Как лучше сделать такой блок на сайте?

szQocks, много лайков

Как изменить цвет открытого блока faq?

.li-question.opened {фон красный}

Как изменить фон блока и картинку одного элемента при свойстве :focus в css?

Нужно понимать 2,5 основные вещи:
1. В фокус могут попасть только интерактивные элементы. Нажатие и фокус это разные вещи. (Можно, конечно, добавить tabindex, но хорошо бы помнить о семантике и функциональности исходных тегов)
2. Как работают селекторы в CSS. В частности, почитать про дочерние, контекстные и соседние селекторы.
https://htmlbook.ru/samcss/kontekstnye-selektory

Возможно, вам понравится тег details

Как лучше сделать такой блок на сайте?

szQocks, значит, пора переходить к nav.
Да, спека разрешает засовывать в nav любые ссылки. Но в ней же написано, что мы поможем пользователям с ограниченными возможностями, если будем оборачивать в nav только основные блоки навигации. И именно так принято в сообществе.

В примере автора этого вопроса, меню это всё таки основная навигация и её нельзя безболезненно выкинуть со страницы и считать, что всё норм. Т.е. aside не очень подходит.

останусь при своём мнении, раз не можем найти компромисс

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

Как лучше сделать такой блок на сайте?

szQocks, могу даже перевести

Элемент «aside» представляет собой раздел страницы, состоящий из содержимого, которое косвенно связано с содержимым вокруг элемента «aside», и которое можно считать отдельным от этого содержимого.

Лого и основная навигация напрямую связаны содержимым.

Развернуто: то, что находится в aside можно выкинуть со страницы и основной смысл, по большому счету, не потеряется.

Загуглите основные ошибки использования aside. И, наверное, первая из них будет о попытке сложить навигацию, особенно, если она в левом столбце в aside.