Circular SVG text, two paths, no backwards text

Introduction

The text isn't “rotated” into place; it's following a path that just happens to be an arc. By drawing two arcs in a friendly direction and letting <textPath> walk the characters along them, you get top and bottom text that both read upright, all inside a single responsive SVG.