fix(css): one content axis per page + flatten runaway release-note nesting (#52)

Two mobile bugs, issues #50 and #51:

1. The .narrow reading column double-inset (its own 2.5rem on top of the
   container's) and centered itself while the hero stayed at the
   container's inline-start — 20px mismatch on phones, 83px at 912px,
   191px at 1280px on every content page. Now the column anchors at the
   container's inline-start: hero, lede, cards, and prose share one axis
   at every width, LTR and RTL.

2. Changelog release bodies nest blockquote > details > ul > blockquote
   six-plus levels deep; each blockquote costs ~2.5em of inline padding,
   compounding until inner text escaped 360-390px viewports (up to 51px
   past the edge, mirrored in RTL). Nested list/blockquote indents now
   flatten with depth so runaway quoting flattens instead of running
   off-screen.

Verified: all 45 pages × 360/390/768/912px — zero overflow, zero
off-viewport elements, no squeezed card grids; EN/AR/FR changelog clean
at phone widths; h1/lede/column aligned on all content pages.

Author: eaitbrahim

src/styles/global.css

@@ -309,9 +309,12 @@ svg {
   margin-inline: auto;
 }
 
+/* The reading column shares the container's inline-start with the hero —
+   one content axis per page at every width (no re-subtracting the gutter
+   the container already provides, no floating centered column). */
 .narrow {
-  width: min(var(--prose), 100% - 2.5rem);
-  margin-inline: auto;
+  width: min(var(--prose), 100%);
+  margin-inline: 0;
 }
 
 section {
@@ -1282,6 +1285,35 @@ section {
   margin-block: 0.75em;
 }
 
+/* GitHub release bodies nest blockquote > details > ul > blockquote … six
+   levels deep. A blockquote costs ~2.5em of inline space (padding both
+   sides) and each list 1.5em, compounding until inner text escapes small
+   viewports. Flatten with depth — deeper levels indent less — so runaway
+   quoting flattens instead of running off-screen. */
+.prose :is(ul, ol) :is(ul, ol) {
+  padding-inline-start: 1.1em;
+}
+
+.prose :is(ul, ol) :is(ul, ol) :is(ul, ol) {
+  padding-inline-start: 0.85em;
+}
+
+.prose :is(ul, ol, blockquote, details) blockquote {
+  padding-inline: 0.6em;
+}
+
+.prose :is(ul, ol, blockquote, details) :is(ul, ol, blockquote, details) blockquote {
+  padding-inline: 0.4em;
+}
+
+.prose
+  :is(ul, ol, blockquote, details)
+  :is(ul, ol, blockquote, details)
+  :is(ul, ol, blockquote, details)
+  blockquote {
+  padding-inline: 0.25em;
+}
+
 .prose li {
   margin-bottom: 0.4em;
 }