feat(branding): use full 'Machine Learning Systems' title with responsive sizing

- Change from 'ML Systems' to full 'Machine Learning Systems' as default
- Use progressive sizing: smaller fonts on smaller screens but keep full title
- Better branding: descriptive name when space allows, not always abbreviated
- Responsive approach: 1rem desktop → 0.95rem tablet → 0.9rem mobile
- More professional and SEO-friendly than permanent abbreviation

book/assets/styles/style.scss

@@ -969,11 +969,17 @@ figcaption.quarto-float-caption-top {
   }
 }
 
-// Extra small screens (phones in portrait)
-@media (max-width: 576px) {
-  // Keep "ML Systems" even on very small screens - it's short enough
+// Responsive title sizing - "Machine Learning Systems" fits on most screens
+@media (max-width: 768px) {
   .navbar-brand {
-    font-size: 0.9rem !important; // Slightly smaller but still visible
+    font-size: 0.95rem !important;
+  }
+}
+
+// Extra small screens - optimize for space
+@media (max-width: 576px) {
+  .navbar-brand {
+    font-size: 0.9rem !important;
     font-weight: 500 !important;
     
     img {

book/config/_quarto-html.yml

@@ -66,7 +66,7 @@ website:
     pinned: true
     collapse: true
     collapse-below: "md"
-    title: "ML Systems"
+    title: "Machine Learning Systems"
     right:
       - icon: code
         text: "Labs"