A slotted light-DOM element receives styles from BOTH the host page's stylesheet and the component's `::slotted()` rule, with identical specificity and both being non-`!important`. The slotted element's final style is decided by which mechanism?
/* light DOM page CSS */
.item { color: blue; }
/* component shadow CSS */
::slotted(.item) { color: green; }