Как сделать двойное подчеркивание у ЦЕНТРИРОВАННОГО заголовка без дополнительной обертки?

1. https://jsfiddle.net/n4g96zc0/ - но он немного не под стиль дизайна, сложно правильно подобрать размеры
2. https://jsfiddle.net/n4g96zc0/1/ - более адаптируемый вариант, где все размеры можно сделать в pixelperfect
3. https://jsfiddle.net/n4g96zc0/3/ - без использования флексов, но я такой вариант считаю устаревшим
4. https://jsfiddle.net/n4g96zc0/4/ - еще один вариант с использованием позиционирования