Who wins?

Each link names the rule that won its color. This header link is matched only by the base layer.

Layer order beats specificity

This article link is matched by the base rule and by a more specific rule in the components layer. The later layer wins.

This calm link is also matched by a utility whose selector has no specificity at all. The utilities layer comes last, so it wins anyway.