Prepare Layout Style 3.2.1 release candidate

.github/workflows/npm-publish.yml

@@ -6,7 +6,7 @@ on:
   workflow_dispatch:
     inputs:
       release_tag:
-        description: "Release tag to publish, for example v3.2.0"
+        description: "Release tag to publish, for example v3.2.1"
         required: true
         type: string
 

CHANGELOG.md

@@ -2,6 +2,16 @@
 
 All notable changes to `layout-style-css` are documented here. This project follows semantic versioning.
 
+## [3.2.1] - 2026-09-24
+
+### Security
+
+- Pinned patched `colord` and `js-yaml` transitive tooling releases after the final release audit identified newly disclosed denial-of-service advisories.
+
+### Tests
+
+- Added real-browser fixtures for 320–390px containers, short landscape shells, sticky fallbacks, nested internal scrolling, bounded wide tables, manual and automatic Mosaic coexistence, long-content minimum sizing, and positioned controls that remain outside document overflow.
+
 ## [3.2.0] - 2026-09-08
 
 ### Added

README.md

@@ -2,7 +2,7 @@
 
 Zero-configuration, dependency-free structural CSS that responds to the width and height a layout actually receives.
 
-`layout-style-css@3.2.0` is the current v3 release candidate. It provides intrinsic wrappers, Mosaic and Action Bar compositions, seven semantic recipes, explicit local density controls, and twenty spatial personalities. Layout owns structure; UI Style Kit owns paint; Interactive Surface owns interaction styling.
+`layout-style-css@3.2.1` is the current v3 release candidate. It provides intrinsic wrappers, Mosaic and Action Bar compositions, seven semantic recipes, explicit local density controls, and twenty spatial personalities. Layout owns structure; UI Style Kit owns paint; Interactive Surface owns interaction styling.
 
 ## Requirements
 
@@ -13,7 +13,7 @@ Zero-configuration, dependency-free structural CSS that responds to the width an
 ## Install
 
 ```bash
-npm install layout-style-css@3.2.0
+npm install layout-style-css@3.2.1
 ```
 
 Most applications need one import:
@@ -200,8 +200,8 @@ This order lets UI Style Kit establish paint and theme roles, Interactive Surfac
 ## CDN
 
 ```html
-<link rel="stylesheet" href="https://unpkg.com/layout-style-css@3.2.0/dist/layout-style-css.min.css">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layout-style-css@3.2.0/dist/layout-style-css.min.css">
+<link rel="stylesheet" href="https://unpkg.com/layout-style-css@3.2.1/dist/layout-style-css.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/layout-style-css@3.2.1/dist/layout-style-css.min.css">
 ```
 
 ## Clean-Break Migration

demo/demo.css

@@ -20,31 +20,6 @@
   color-scheme: light;
 }
 
-body[data-mode="dark"] {
-  --demo-bg: #101827;
-  --demo-panel: #172033;
-  --demo-panel-strong: #273449;
-  --demo-text: #f8fafc;
-  --demo-muted: #cbd5e1;
-  --demo-line: #46556d;
-  --demo-accent: #a5b4fc;
-  --demo-accent-soft: #312e81;
-  --demo-shadow: 0 1rem 3rem rgb(0 0 0 / 0.38);
-  color-scheme: dark;
-}
-
-body[data-mode="contrast"] {
-  --demo-bg: #000000;
-  --demo-panel: #000000;
-  --demo-panel-strong: #1a1a1a;
-  --demo-text: #ffffff;
-  --demo-muted: #ffffff;
-  --demo-line: #ffffff;
-  --demo-accent: #ffeb3b;
-  --demo-accent-soft: #322f00;
-  color-scheme: dark;
-}
-
 body[data-demo-density="compact"] {
   --demo-density-gap: 0.5rem;
   --demo-region-padding: 0.75rem;
@@ -212,6 +187,11 @@ h3 {
   font-size: 0.75rem;
 }
 
+.demo-bridge-note a {
+  color: var(--demo-accent);
+  font-weight: 700;
+}
+
 .demo-readouts {
   display: grid;
   justify-items: end;
@@ -225,15 +205,6 @@ h3 {
   background: var(--demo-accent-soft);
 }
 
-body[data-ecosystem="layout-only"] .demo-status {
-  border-style: dashed;
-  background: var(--demo-panel-strong);
-}
-
-body[data-ecosystem="all-three"] .demo-status {
-  box-shadow: inset 0 0 0 0.125rem color-mix(in srgb, var(--demo-accent) 30%, transparent);
-}
-
 .demo-page {
   display: grid;
   inline-size: min(calc(100% - 2rem), 112rem);