website: add lineHeight prop to CodeBlock, use relative values

Default 1.85 (~22px at 12px font), reduced to 1.5 for ASCII diagram.
Updated editorial-prism.css base to match.

website/src/components/markdown.tsx

@@ -348,7 +348,7 @@ export function Li({ children }: { children: React.ReactNode }) {
    Code block with Prism syntax highlighting and line numbers
    ========================================================================= */
 
-export function CodeBlock({ children, lang = "jsx" }: { children: string; lang?: string }) {
+export function CodeBlock({ children, lang = "jsx", lineHeight = "1.85" }: { children: string; lang?: string; lineHeight?: string }) {
   const codeRef = useRef<HTMLElement>(null);
   const lines = children.split("\n");
 
@@ -377,7 +377,7 @@ export function CodeBlock({ children, lang = "jsx" }: { children: string; lang?:
               fontFamily: "var(--font-code)",
               fontSize: "12px",
               fontWeight: 400,
-              lineHeight: "24px",
+              lineHeight,
               letterSpacing: "normal",
               color: "var(--text-primary)",
               tabSize: 2,

website/src/routes/_index.tsx

@@ -150,7 +150,7 @@ export default function IndexPage() {
           no flags, no special setup.
         </P>
 
-        <CodeBlock lang="bash">{dedent`
+        <CodeBlock lang="bash" lineHeight="1.5">{dedent`
         ┌─────────────────────┐     ┌──────────────────────┐     ┌─────────────────┐
         │   BROWSER           │     │   LOCALHOST          │     │   CLIENT        │
         │                     │     │                      │     │                 │

website/src/styles/editorial-prism.css

@@ -22,7 +22,7 @@ pre[class*="language-"] {
   font-size: 12px;
   font-weight: 500;
   letter-spacing: 0.02em;
-  line-height: 24px;
+  line-height: 1.85;
   text-align: left;
   white-space: pre;
   word-spacing: normal;