fix(editor): widen vertical margin around fenced code blocks

Author: koki-develop

src/components/molecules/MarkdownEditor/MarkdownEditor.tsx

@@ -68,9 +68,10 @@ const theme: EditorThemeClasses = {
   // Sunken dark well (not the lighter `cork-elevated` used by inputs) so a code
   // block reads as code, not an editable field. `cork-code-block` is the inner
   // `<code>` of the wrapper `CorkCodeNode` renders — the wrapper itself owns
-  // `my-2` (so the chip + code together count as one block visually) while the
-  // inner `<code>` carries the dark well styling. See `CorkCodeNode.ts` and
-  // `.cork-code-block-wrapper` / `.cork-code-block-language` in style.css.
+  // the outer vertical margin (so the chip + code together count as one block
+  // visually) while the inner `<code>` carries the dark well styling. See
+  // `CorkCodeNode.ts` and `.cork-code-block-wrapper` / `.cork-code-block-language`
+  // in style.css.
   code: "cork-code-block block overflow-x-auto whitespace-pre rounded-md border border-cork-border/65 bg-cork-bg p-3 font-mono text-xs leading-relaxed",
   // Prism token → Tailwind class. `CodeHighlightNode.createDOM` reads
   // `theme.codeHighlight[token.type]` and applies the class to each

src/style.css

@@ -274,7 +274,7 @@
      Lives in @layer utilities so its selectors land in the same layer
      cascade as the Tailwind utilities they share elements with. */
   .cork-code-block-wrapper {
-    margin: 0.5rem 0;
+    margin: 0.75rem 0;
   }
 
   /* `display: flex` (block-level, not `inline-flex`) is load-bearing, not a