---
description: Rules for styling in Astro using scoped styles, global styles, and CSS preprocessors.
globs: src/styles/**/*.astro
---
Styling

- Use Astro's scoped styling with tags in .astro files.
- Leverage global styles when necessary, importing them in layouts.
- Utilize CSS preprocessing with Sass or Less if required.
- Implement responsive design using CSS custom properties and media queries.