3.9 Use media queries that support sustainability goals

Support user preferences via media queries for color, motion, contrast, data use, and related settings to improve accessibility and efficiency.

Media and preference queries:
Accommodate common user preferences using CSS media queries such as prefers-color-scheme. Account for additional preference queries, including monochrome, prefers-contrast, prefers-reduced-data, prefers-reduced-transparency, and prefers-reduced-motion where these will benefit your users. Use print and scripting media queries where they can improve efficiency or sustainability.