From c3489b3beebedd22f28d4de5fbc4e434e58261b4 Mon Sep 17 00:00:00 2001
From: Matthew Meszaros <meszmatew@gmail.com>
Date: Sat, 6 Jun 2026 11:54:39 +0200
Subject: [PATCH] feat: widen site content containers

Give landing sections a shared wider content measure so the new feature showcase aligns with the header, hero, and footer.
---
 site/src/styles/global.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/site/src/styles/global.css b/site/src/styles/global.css
index 98bda489..5918325a 100644
--- a/site/src/styles/global.css
+++ b/site/src/styles/global.css
@@ -167,12 +167,23 @@ body {
    Reusable patterns
 ---------------------------------------------------------------- */
 
+/* Site-wide content width. Widened to 90rem so the header, hero, footer
+   and every section share the same generous width as the feature showcase. */
 @utility container-page {
   width: 100%;
   margin-inline: auto;
   padding-inline: 1.25rem;
-  max-width: 80rem;
-  @media (min-width: 768px) { padding-inline: 2rem; }
+  max-width: 90rem;
+  @media (min-width: 768px) { padding-inline: 2.5rem; }
+}
+
+/* Alias kept for the feature showcase; same width as container-page. */
+@utility container-wide {
+  width: 100%;
+  margin-inline: auto;
+  padding-inline: 1.25rem;
+  max-width: 90rem;
+  @media (min-width: 768px) { padding-inline: 2.5rem; }
 }
 
 @utility prose-warmbly {