fix(mobile): eliminate all horizontal overflow - global img/table safeguards, minmax(min(320px,100%)), fix table wrapper bleed

Author: TechStack Global

amazon-stack.html

@@ -9,7 +9,7 @@
         content="The definitive guide to Amazon-sourced hardware for students, freelancers, and remote workers. Vetted benchmarks for modern productivity.">
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap"
         rel="stylesheet">
-    <link rel="stylesheet" href="style.css?v=2">
+    <link rel="stylesheet" href="style.css?v=3">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32.png">
 
@@ -75,7 +75,8 @@ <h1>The Amazon Stack</h1>
             <p style="color: var(--text-muted); margin-bottom: 2rem; max-width: 800px;">
                 Hardware chosen for performance, reliability, and practical daily use.
             </p>
-            <div class="blog-grid" style="grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));">
+            <div class="blog-grid" style="grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));">
+
                 <!-- MacBook Pro -->
                 <div class="product-item glass-card">
                     <div class="product-thumbnail-wrapper">

style.css

@@ -61,7 +61,19 @@ body {
     line-height: 1.6;
     overflow-x: hidden;
     position: relative;
-    max-width: 100vw;
+    max-width: 100%;
+}
+
+/* Global safeguards against horizontal overflow */
+img,
+video,
+iframe {
+    max-width: 100%;
+    height: auto;
+}
+
+table {
+    max-width: 100%;
 }
 
 /* Typography */
@@ -603,7 +615,7 @@ img {
 /* Affiliate/Recommended Tools Grid */
 .affiliate-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
     gap: 2rem;
 }
 
@@ -873,10 +885,8 @@ img {
     .comparison-table-wrapper {
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
-        margin-left: -1.25rem;
-        margin-right: -1.25rem;
-        padding-left: 1.25rem;
-        padding-right: 1.25rem;
+        width: 100%;
+        max-width: 100%;
     }
 
     .footer-content {