# CSS Release Checklist

Run this before deploying CSS to production.

## Layout

- Check narrow, medium and wide viewports.
- Check real content, long text and empty states.
- Check no important content overlaps.
- Check source order still matches the reading order.

## Accessibility

- Keyboard-only navigation works.
- Focus states are clear.
- Contrast is checked.
- Reduced motion is respected.
- Touch targets are usable.
- 200 percent zoom works.

## Performance

- Remove unused CSS where possible.
- Avoid heavy shadows, filters and layout-changing animation on many elements.
- Use font loading deliberately.
- Minify CSS for production.
- Serve CSS with gzip or Brotli.
- Use cache-busted filenames when long caching is enabled.

## Browser Support

- Define the project support target.
- Check modern features with caniuse or project tooling.
- Use `@supports` only where progressive enhancement needs it.
- Confirm fallbacks are usable.

## Final Sanity

- Print CSS works where printing matters.
- Forms, nav, modals and tables still work after CSS changes.
- No temporary debug outlines, test colors or commented hacks remain.
- The final page still feels calm, readable and intentional.