What are CSS media queries, and how are they used?

Media queries apply styles based on device characteristics (e.g., width). They are essential for responsive design.

Example:

@media (max-width: 600px) { body { background-color: lightblue; } }