fix small code issues

src/assets/css/global/blocks/code.css

@@ -12,16 +12,17 @@ code,
 pre {
   font-family: var(--font-mono);
   font-size: var(--size-step-min-1);
-  line-height: 1.4;
-  background: var(--color-code-bg);
-  padding: 0.1em 0.4em;
+  background-color: var(--color-code-bg);
+
   border-radius: var(--border-radius);
-  text-align: left;
+}
+
+code[class*='language-'],
+pre[class*='language-'] {
   white-space: pre;
   word-spacing: normal;
   word-break: normal;
   word-wrap: normal;
-  color: var(--color-text-accent);
   hyphens: none;
 }
 
@@ -36,6 +37,7 @@ pre {
 :where(:not(pre)) > code {
   position: relative;
   top: -0.05em;
+  padding: 0.1em 0.4em;
 }
 
 pre[class*='language-'] {

src/assets/css/global/blocks/styleguide.css

@@ -7,6 +7,10 @@
   font-size: var(--size-step-min-2);
 }
 
+.styleguide li p:has(code) {
+  line-height: var(--leading-flat);
+}
+
 .styleguide section {
   --region-space-bottom: var(--space-l-xl);
   --region-space-top: var(--space-l-xl);