Update pad

index.html

@@ -13,17 +13,20 @@
 
 <style>
     /* Fluid base size: every rem below scales with the viewport width
-       (16px at ~1000px wide, 14px floor on phones, 22px cap on large screens) */
+       (14px floor on phones, 18px cap on large screens) */
     html {
-        font-size: clamp(14px, 0.5rem + 0.8vw, 22px);
+        font-size: clamp(14px, 0.75rem + 0.35vw, 18px);
     }
 
+    /* Content column: grows with the screen but keeps empty space on both
+       sides (at least 6% of the width per side, and never wider than 1280px) */
     body {
         font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
         color: #1d1d1b;
         background: white;
-        margin: 0;
-        padding: 20px clamp(16px, 3vw, 48px);
+        max-width: 1280px;
+        margin: 0 auto;
+        padding: 24px clamp(16px, 6vw, 120px);
         overflow-wrap: break-word;
     }
 
@@ -39,7 +42,7 @@
         background: var(--surface);
         border: 1px solid var(--border);
         border-radius: 14px;
-        padding: 20px 24px;
+        padding: clamp(18px, 2.2vw, 32px) clamp(20px, 3vw, 44px);
         margin-top: 24px;
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
     }