frontend/src/styles/global.css

@@ -313,9 +313,7 @@ code, pre, kbd, samp {
 /* ───── Salon prose — exhibit plaque body ───── */
 .prose {
   color: var(--text);
-  max-width: 62ch;
+  max-width: none;
-  margin-left: auto;
-  margin-right: auto;
   line-height: 1.75;
   font-size: 1.125rem;
   font-family: var(--font-sans);
@@ -470,10 +468,12 @@ code, pre, kbd, samp {
   width: 100%;
   background: linear-gradient(
     90deg,
-    transparent,
+    transparent 0%,
-    color-mix(in srgb, var(--mauve) 55%, transparent) 18%,
+    color-mix(in srgb, var(--mauve) 55%, transparent) 22%,
-    color-mix(in srgb, var(--mauve) 55%, transparent) 82%,
+    transparent 45%,
-    transparent
+    transparent 55%,
+    color-mix(in srgb, var(--mauve) 55%, transparent) 78%,
+    transparent 100%
   );
   position: relative;
   overflow: visible;
@@ -487,7 +487,6 @@ code, pre, kbd, samp {
   height: 0.5rem;
   transform: translate(-50%, -50%) rotate(45deg);
   background: var(--mauve);
-  box-shadow: 0 0 0 0.5rem var(--base);
 }
 
 .prose strong { color: inherit; font-weight: 700; }
@@ -560,9 +559,7 @@ code, pre, kbd, samp {
   gap: 0.9rem;
   align-items: flex-start;
   margin: 2.5rem 0;
-  /* Let the row breathe past the column when it gets dense. */
+  width: 100%;
-  width: calc(100% + min(8vw, 4rem));
-  margin-left: calc(min(8vw, 4rem) / -2);
 }
 @media (min-width: 1024px) {
   .prose .figure-row {