Add responsive content width for ultrawide while keeping 1080p layout.

Scale from 896px on 1080p up to 1440px on 3440px screens via viewport breakpoints in site-width.

Co-authored-by: Cursor <cursoragent@cursor.com>

tailwind.config.ts

@@ -6,7 +6,22 @@ module.exports = {
     "./components/**/*.{ts,tsx}",
     "./lib/**/*.{ts,tsx}",
   ],
-  safelist: ["max-w-3xl", "max-w-4xl"],
+  safelist: [
+    "max-w-3xl",
+    "max-w-4xl",
+    "max-w-5xl",
+    "max-w-6xl",
+    "max-w-7xl",
+    "max-w-[1440px]",
+    "min-[1921px]:max-w-4xl",
+    "min-[1921px]:max-w-5xl",
+    "min-[1921px]:max-w-6xl",
+    "min-[2560px]:max-w-5xl",
+    "min-[2560px]:max-w-6xl",
+    "min-[2560px]:max-w-7xl",
+    "min-[3440px]:max-w-6xl",
+    "min-[3440px]:max-w-[1440px]",
+  ],
   theme: {
     container: {
       center: true,