diff --git a/css/awesomelist.css b/css/awesomelist.css
index 6f23ef7..a5d71b5 100644
--- a/css/awesomelist.css
+++ b/css/awesomelist.css
@@ -3,7 +3,7 @@
    ═══════════════════════════════════════════════════════ */
 
 .al-container {
-    max-width: 1200px;
+    max-width: clamp(1000px, 88vw, 2200px);
     margin: 0 auto;
     padding: 0 1.5rem 3rem;
 }
diff --git a/css/blog.css b/css/blog.css
index 7e5d258..385c3bb 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -71,7 +71,7 @@
 }
 
 .blog-container {
-    max-width: 1100px;
+    max-width: clamp(900px, 85vw, 2000px);
     margin: 0 auto;
 }
 
@@ -318,7 +318,7 @@
    ============================ */
 .post-page-header {
     padding: calc(var(--nav-height) + 3rem) 2rem 2rem;
-    max-width: 1100px;
+    max-width: clamp(900px, 85vw, 2000px);
     margin: 0 auto;
 }
 
@@ -338,7 +338,7 @@
 .post-back:hover { color: var(--accent); }
 
 .post-page-layout {
-    max-width: 1100px;
+    max-width: clamp(900px, 85vw, 2000px);
     margin: 0 auto;
     padding: 0 2rem 4rem;
     display: grid;
diff --git a/css/changelog.css b/css/changelog.css
index 5f7bee4..0c3af93 100644
--- a/css/changelog.css
+++ b/css/changelog.css
@@ -3,7 +3,7 @@
    ═══════════════════════════════════════════════════════ */
 
 .changelog-container {
-    max-width: 900px;
+    max-width: clamp(700px, 80vw, 1600px);
     margin: 0 auto;
     padding: 2rem 1.5rem;
 }
diff --git a/css/post.css b/css/post.css
index 08d3279..a92fb1c 100644
--- a/css/post.css
+++ b/css/post.css
@@ -10,7 +10,7 @@
 }
 
 .post-header-content {
-    max-width: 1100px;
+    max-width: clamp(900px, 85vw, 2000px);
     margin: 0 auto;
 }
 
@@ -115,7 +115,7 @@
 }
 
 .post-layout {
-    max-width: 1100px;
+    max-width: clamp(900px, 85vw, 2000px);
     margin: 0 auto;
     display: grid;
     grid-template-columns: 1fr 300px;
diff --git a/css/radar.css b/css/radar.css
index 418d989..32717d3 100644
--- a/css/radar.css
+++ b/css/radar.css
@@ -1,7 +1,7 @@
 /* ─── RADAR: Live Intelligence Feed ─────────────── */
 
 .radar-container {
-    max-width: 1400px;
+    max-width: clamp(1200px, 90vw, 2400px);
     margin: 0 auto;
     padding: 0 2rem 3rem;
 }
diff --git a/css/section.css b/css/section.css
index 64f4167..cef5049 100644
--- a/css/section.css
+++ b/css/section.css
@@ -42,7 +42,7 @@
 
 /* --- Section Grid (Landing Pages) --- */
 .section-grid-container {
-    max-width: 1100px;
+    max-width: clamp(900px, 85vw, 2000px);
     margin: 0 auto;
     padding: 2rem 1.5rem 4rem;
 }
@@ -134,7 +134,7 @@
 
 /* --- Subpage Content (Placeholder) --- */
 .subpage-content {
-    max-width: 900px;
+    max-width: clamp(700px, 80vw, 1600px);
     margin: 0 auto;
     padding: 2rem 1.5rem 4rem;
 }
@@ -191,7 +191,7 @@
 
 /* --- Breadcrumb --- */
 .breadcrumb {
-    max-width: 1100px;
+    max-width: clamp(900px, 85vw, 2000px);
     margin: 0 auto;
     padding: calc(var(--nav-height) + 1.5rem) 1.5rem 0;
     font-family: var(--font-mono);
diff --git a/css/style.css b/css/style.css
index 75eda37..c337650 100644
--- a/css/style.css
+++ b/css/style.css
@@ -117,7 +117,7 @@ a:hover { color: #fff; text-shadow: none; }
 }
 
 .nav-container {
-    max-width: 1400px;
+    max-width: clamp(1200px, 90vw, 2400px);
     margin: 0 auto;
     padding: 0 2rem;
     height: 100%;
@@ -941,7 +941,7 @@ a:hover { color: #fff; text-shadow: none; }
 }
 
 .section-container {
-    max-width: 1200px;
+    max-width: clamp(1000px, 88vw, 2200px);
     margin: 0 auto;
 }
 
@@ -1479,7 +1479,7 @@ a:hover { color: #fff; text-shadow: none; }
 }
 
 .footer-container {
-    max-width: 1200px;
+    max-width: clamp(1000px, 88vw, 2200px);
     margin: 0 auto;
     display: flex;
     justify-content: space-between;
diff --git a/depot/contraband.html b/depot/contraband.html
index 9f86c18..b8bfe73 100644
--- a/depot/contraband.html
+++ b/depot/contraband.html
@@ -44,7 +44,7 @@
         <p class="section-header-sub">&gt; The largest classified index of free resources on the internet — 16,000+ assets catalogued, coded, and declassified.</p>
     </section>
 
-    <section class="subpage-content" style="max-width: 1400px; margin: 0 auto; padding: 0 2rem 3rem;">
+    <section class="subpage-content" style="max-width: clamp(1200px, 90vw, 2400px); margin: 0 auto; padding: 0 2rem 3rem;">
         <div id="contrabandRoot">
             <div class="crt-loading">INITIALISING CONTRABAND DATABASE...</div>
         </div>
diff --git a/depot/recon.html b/depot/recon.html
index 116ca33..cd53217 100644
--- a/depot/recon.html
+++ b/depot/recon.html
@@ -43,7 +43,7 @@
         <p class="section-header-sub">&gt; Curated dossiers covering resources across 28 sectors. Select a sector to begin.</p>
     </section>
 
-    <section class="subpage-content" style="max-width: 1400px; margin: 0 auto; padding: 0 2rem 3rem;">
+    <section class="subpage-content" style="max-width: clamp(1200px, 90vw, 2400px); margin: 0 auto; padding: 0 2rem 3rem;">
         <div id="awesomelistRoot"></div>
     </section>