Как сделать простое модальное окно на HTML+CSS (без JS)?

без JS невозможно сделать?

Алексей, не знаю, я не делал. Если у тебя есть много свободного времени - можешь попробовать.

Вроде писали что это самое элементарное, но вот сделать самому не получается

Алексей, когда сделать не можешь сам или время поджимает попробуй делать запрос на английском, типа "pure css popup(modal)" наверняка что-нибудь да вылезет)

ну вот, к примеру, https://github.com/jorgechavz/pure-css-modal

на счет костылей не понимаю и в чем труд поддерживать?

Алексей, на каждую, даже небольшую модалку, придётся писать отдельный код и класть его строго в определённое место. Затем привязывать его к какой-то кнопке через checkbox и label , которые вообще элементы формы, они не предназначены для этого. Это, как минимум, лишний код.

Про поддержку - во-первых, если поддерживать будете не вы, уйдёт время чтоб понять, что вообще происходит. Во-вторых, в процессе поддержки может понадобиться, например, разложить модалку и кнопку для неё по разным блокам --> всё сломается.

А на JS это... строчек 5?
По ссылке, что я скинул, есть интересная реализация меню, да и аккордеон такой может быть полезен. Кстати, там в комментах тоже много можно узнать по поводу поддержки таких вещей.