Services scrollspy index

The narrow rail gives the service names a compact rhythm while the generous text column does the explaining. Five is enough to make location useful without turning the offer into an inventory.

This is the only text-led commercial index: no image cadence, no evidence table, and every section has similar editorial weight.

1. Replace each service heading and copy; the first heading becomes its index label.
2. Use List View to add, remove or reorder groups named Section.
3. Adjust rail width, reading line and progress in the standard block inspector.
4. Keep section titles at h3 when this follows an h2 masthead, or change both levels for its page context.

It inherits every font and uses chained theme colours. Body text needs 4.5:1 contrast; the large heading needs 3:1.

It decides a padded full-width Group with a 1200px content ceiling, five detailed service chapters and a deliberately narrow 200px rail. The rail uses wide alignment within that constrained Group so a theme cannot pull it back through the page padding.

The companion plugin marks the section at the reading line and fills the progress rule. Without it, the masthead and five groups remain a useful plain stack; reduced motion gets the same still navigation.