diff --git a/next/postcss.config.mjs b/next/postcss.config.mjs
index 1a69fd2..4db2637 100644
--- a/next/postcss.config.mjs
+++ b/next/postcss.config.mjs
@@ -1,8 +1,20 @@
+/**
+ * @fileoverview PostCSS configuration file for processing CSS, typically used 
+ * alongside Tailwind CSS to handle styling and vendor prefixing.
+ */
+
 /** @type {import('postcss-load-config').Config} */
 const config = {
   plugins: {
+    // 1. Tailwind CSS is run first to generate all utility classes.
     tailwindcss: {},
+    
+    // 2. Autoprefixer is run afterward to add vendor prefixes (e.g., -webkit-, -moz-) 
+    //    to the generated CSS for broader browser compatibility. This is a critical 
+    //    best practice for production builds.
+    autoprefixer: {},
   },
 };
 
+// Use ES module syntax for exporting the configuration.
 export default config;