Given the code, after JavaScript appends an `<img>` inside `.card`, which rule's recomputation does `:has()` specifically require, and what determines the final `border` of `.card`?
.card { border: 1px dashed gray; }
.card:has(img) { border: 2px solid red; }
/* JS: document.querySelector('.card').appendChild(new Image()); */