Good stuff.

Once note though, line wrapping on mobile is very awkward for me. The pre-wrapped lines are longer than fit in my viewport, so I end up with all these left over stubs each spilling onto a short subsequent every-other line.

This actually seems like a hard problem to solve? If you just don't pre-wrap lines, then mobile is better, but desktop may end up showing way too many characters per line. But at least the user is on control then, and they can resize their window however they like. Wikipedia has no max-width set, and people deal with it well enough...

Is there any other non-HTML/CSS option?