How to indent text in a list evenly?

Question

css

Maybe I'm overheating, but I need help. There is a numbered list, the markers (numbers) of which are styled via css. It is necessary to indent the text when wrapping, so that the wrapped line starts at the same level as the start text.
Here https://jsfiddle.net/7fuaemhs/
Here you can see in paragraph 2 - the line is long and is transferred. And the beginning of its transfer goes further to the left than we would like.
Moved the pseudo-marker outside the li, almost it, but now there is a strange indent to the right of the transferred line.
https://jsfiddle.net/7fuaemhs/2/

Answer 1

https://jsfiddle.net/3hd2x2fp/