Within a CSS module / layer or a `@scope` block, what is the precise difference between the scoping root and the scoping limit, and how does the implicit `:scope` proximity tie-break interact with specificity during the cascade?
@scope (.card) to (.card__footer) {
a { color: blue; }
}