Как лучше растянуть вложенный блок внутри других блоков на максимальную длину, но не более чем на ширину страницы?

Сейчас ситуация такая: кручу, верчу... Не очень пойму джедайский подход к вытягиванию нужного вложенного блока на всю ширину его содержимого, но не более чем на ширину страницы. Внутри второго красного блока может быть содержимое от текста до вложенных блоков.

По вводным: задаю блоку display: flex — он растягивается, но и растягиваются и блоки выше.
По вводным: с position absolute внутри relative растягивается, но если контента много, то появляется скролл и header как бы обрезается - контент в блоке выходит за пределы страницы...

Подскажите, решение.
По вводным: пример визуальный прилагаю:https://codepen.io/weranda/pen/OPNxZwx?editors=1100