fix(css): enforce explicit layout limits on footer and blog page

app/[locale]/blog/[slug]/page.tsx

@@ -118,7 +118,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
 
           {/* Title overlay on image */}
           <div className="absolute inset-0 flex flex-col justify-end pb-16 md:pb-24">
-            <div className="container mx-auto px-4">
+            <div className="container mx-auto max-w-7xl px-4">
               <div className="max-w-4xl bg-neutral-dark/40 backdrop-blur-md p-6 rounded-2xl border border-white/10">
                 {post.frontmatter.category && (
                   <div className="overflow-hidden mb-6">
@@ -192,7 +192,7 @@ export default async function BlogPost({ params }: BlogPostProps) {
       )}
 
       {/* Main Content Area with Sticky Narrative Layout */}
-      <div className="container mx-auto px-4 py-16 md:py-24">
+      <div className="container mx-auto max-w-7xl px-4 py-16 md:py-24">
         <div className="sticky-narrative-container">
           {/* Left Column: Content */}
           <div className="sticky-narrative-content">