force left-align for code in layout to beat the mermaid centering div…

… setting

src/resources/formats/html/_quarto-rules.scss

@@ -106,6 +106,11 @@ figure .quarto-layout-row figure figcaption {
 .quarto-figure-right > figure > div /* for mermaid and dot diagrams */ {
   text-align: right;
 }
+
+.quarto-figure > figure > div code {
+  text-align: left; /* override align center for code blocks */
+}
+
 figure > p:empty {
   display: none;
 }