CSS selectors that apply to an element referenced via 'use' also apply to the 'use' instance.
A 'style' block contains all CSS rules. Various CSS selectors are applied to 'circle' elements. A unique 'class' selector is used for all cases to ensure that the selectors don't interfere with each other. For each 'circle', there is a corresponding 'use' instance. For structure-related rules, a 'g' tag is used.
Run the test. No interaction required.
Test passes if twelve blue circles and no black circles are visible on the page.