diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index b671920..ff51183 100644 --- a/frontend/src/styles/global.css +++ b/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; - margin-left: auto; - margin-right: auto; + max-width: none; 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, - color-mix(in srgb, var(--mauve) 55%, transparent) 18%, - color-mix(in srgb, var(--mauve) 55%, transparent) 82%, - transparent + transparent 0%, + color-mix(in srgb, var(--mauve) 55%, transparent) 22%, + transparent 45%, + 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: calc(100% + min(8vw, 4rem)); - margin-left: calc(min(8vw, 4rem) / -2); + width: 100%; } @media (min-width: 1024px) { .prose .figure-row {