style: Improve code block typography hierarchy

- Increase UI font size to 1.2rem for more prominent frame titles
- Reduce code font size to 1.25rem for better balance and readability
- Creates better visual hierarchy between headers and code content

Author: edmundmiller

ec.config.mjs

@@ -22,7 +22,7 @@ export default defineEcConfig({
 
     // Typography - match site's exact monospace stack
     codeFontFamily: "Menlo, Monaco, Consolas, 'Courier New', monospace",
-    codeFontSize: "1.5rem", // 24px - much larger, very readable code size
+    codeFontSize: "1.25rem", // 20px - readable code size, smaller than before
     codeLineHeight: "1.5",
 
     // Borders - subtle gray matching site's container styling
@@ -72,5 +72,8 @@ export default defineEcConfig({
     // Ensure clean, minimal appearance throughout
     uiSelectionBackground: "var(--nextflow-light-green)",
     uiSelectionForeground: "#1f2937", // Dark text for contrast
+
+    // Larger UI text for better readability of frame titles
+    uiFontSize: "1.2rem", // Increased from default 0.9rem for more prominent titles
   },
 });

src/pages/examples/basic-pipeline/index.mdx

@@ -22,8 +22,6 @@ import terminalOutput from "./_nextflow_run_output.log?raw";
   mark={[1, 3, { range: "8-19" }, { range: "24-35" }, { range: "40-44" }]}
 />
 
-<Code lang="ansi" title="Running the pipeline" frame="terminal" code={terminalOutput} />
-
 ### Key Concepts
 
 This example demonstrates fundamental Nextflow concepts:
@@ -33,14 +31,6 @@ This example demonstrates fundamental Nextflow concepts:
 - **Dataflow Programming**: Output from one process automatically becomes input to the next using the `|` operator
 - **Parallel Execution**: Each split file is processed independently by the `reverse` process
 
-### Running the Example
-
-```bash
-# Use default input file
-nextflow run main.nf
-
-# Override input file
-nextflow run main.nf --in /path/to/your/sequences.fa
-```
+<Code lang="ansi" title="Running the Example" frame="terminal" code={terminalOutput} />
 
 The pipeline will split your FASTA file into individual sequences, reverse each one, and print the results.