diff --git a/docs/qa.md b/docs/qa.md
index 03864626..ef6f1bbc 100644
--- a/docs/qa.md
+++ b/docs/qa.md
@@ -2,6 +2,8 @@
 
 Run this checklist before publishing releases or merging changes that touch upload or playback flows. Copy/paste the steps into QA tickets when requesting validation.
 
+> **Note:** Align every UI styling review with the token-first rules in [`AGENTS.md`](../AGENTS.md) and the [README CSS build pipeline](../README.md#css-build-pipeline). When QA covers styling changes, run `npm run lint:css` (and any related build/test scripts) to catch regressions early.
+
 Before starting, open `docs/kitchen-sink.html` in a browser to review the modal surface reference. With that page as your visual baseline, perform this quick accessibility spot check in the running app:
 
 Automated regression coverage now exercises these flows on the unified design-system variant: