Guide section + page indication issue

# Overview
🧵 Slack thread: https://austininnovation.slack.com/archives/CPZ16AY07/p1600283745067600

In a use case I hadn't anticipated, we have a section title that ends in a number, "Phase 1" followed directly by the page indication, so that it appears like this: "Phase 1 1 of 3" and that's a confusing experience for anyone to read.

Let's come up with a solution to distinguish these two pieces of information that are related, but refer to different things.

🕵️‍♀️ **Content partner for this issue** @srigdon

## Potential solutions
- [ ] Use a comma between `section title` and `page indication`
- [x] Break `page indication` onto a separate line, either as an overline, or as a subheading
- [x] Push `page indication` flush right. This would still cause issues for mobile
- [ ] Use color to distinguish the labels

## Working files
- Abstract branch: [🔮 Guide: Reposition page indication](https://share.goabstract.com/fdbb6291-7790-4335-b8b4-2d1930b27095)