fix palette swatch size, fix doc

app/src/components/HtmlEmbed.astro

@@ -64,7 +64,7 @@ const mountId = `frag-${Math.random().toString(36).slice(2)}`;
   </script>
 
 <style>
-  .html-embed { margin: 0; }
+  .html-embed { margin: 0; overflow: hidden; }
   .html-embed__title { 
     text-align: left; 
     font-weight: 600; 

app/src/content/chapters/getting-started.mdx

@@ -55,5 +55,5 @@ git push
 Serving the `dist/` directory on any static host is enough to deliver the site.
 </Note>
 <Note title="Note">
-A [slug-title].pdf and thumb.jpg are also generated at build time.<br/>You can find them in the public folder.
+A [slugified-title].pdf and thumb.jpg are also generated at build time.<br/>You can find them in the public folder.
 </Note>

app/src/content/embeds/palettes.html

@@ -3,7 +3,7 @@
     .palettes .palettes__grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
     .palettes .palette-card { position: relative; display: grid; grid-template-columns: auto 1fr 260px; align-items: stretch; gap: 14px; border: 1px solid var(--border-color); border-radius: 10px; background: var(--surface-bg); padding: 12px; transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease; }
     /* removed circular badge */
-    .palettes .palette-card__swatches { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 8px; margin: 0;  }
+    .palettes .palette-card__swatches { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 8px; margin: 0; min-height: 20px; }
     .palettes .palette-card__swatches .sw { width: 100%; min-width: 0; min-height: 0; border-radius: 8px; border: 1px solid var(--border-color); }
     .palettes .palette-card__content { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 6px; min-width: 0; padding-right: 24px; border-right: 1px solid var(--border-color); }
     .palettes .palette-card__content__info { display: flex; flex-direction: column;  }