fix(layout): add CSS override for slimcontent layout consistency

book/_quarto.yml

@@ -1 +1 @@
-config/_quarto-pdf.yml
+config/_quarto-html.yml

book/config/_quarto-html.yml

@@ -29,6 +29,7 @@ project:
   render:
     - index.qmd
     - contents/core/introduction/introduction.qmd
+    - contents/core/ml_systems/ml_systems.qmd
 
 website:
   title: "ML Systems Textbook"  # This controls the browser tab title

book/contents/core/introduction/introduction.qmd

@@ -4,12 +4,16 @@ quiz: introduction_quizzes.json
 ---
 
 # Introduction
-
+::: {layout-narrow}
+::: {.column-margin}
 _DALL·E 3 Prompt: A detailed, rectangular, flat 2D illustration depicting a roadmap of a book's chapters on machine learning systems, set on a crisp, clean white background. The image features a winding road traveling through various symbolic landmarks. Each landmark represents a chapter topic: Introduction, ML Systems, Deep Learning, AI Workflow, Data Engineering, AI Frameworks, AI Training, Efficient AI, Model Optimizations, AI Acceleration, Benchmarking AI, On-Device Learning, Embedded AIOps, Security & Privacy, Responsible AI, Sustainable AI, AI for Good, Robust AI, Generative AI. The style is clean, modern, and flat, suitable for a technical book, with each landmark clearly labeled with its chapter title._
+:::
 
 \noindent
 ![](images/png/cover_introduction.png)
 
+:::
+
 ## Purpose {.unnumbered}
 
 _What does it mean to engineer machine learning systems—not just design models?_