The idea
margin-inline: auto is the flow-relative way to centre a block element: auto on both inline sides splits the leftover space evenly. It is the logical twin of margin: 0 auto.
This one is checked at two stage widths, so it has to stay centred as the stage resizes.
Validated at two stage widths: a hardcoded margin-inline-start centres at one and misses at the other.