[clue]

This changeset updates Tailwind CSS from v3.2.4 to v4.3.3. v4 no longer needs a JavaScript config, so tailwind.config.js is replaced with a small tailwind.css input, and a few classes in the templates are renamed or adjusted for v4.

Nothing should change visually. Using Playwright, I've compared all pages before and after this change in Chrome, Firefox and Safari, and they look the same apart from v4's slightly updated colour palette. The Playwright tests from #153 pass as well.

The updated stylesheet requires Chrome 111, Firefox 113 or Safari 15.4. The make target builds it as before.

Builds on top of #126, #152, #147 and #92
Refs https://github.com/clue-engineering/miley/pull/99 (private)

[Copilot]

Copilot review overview

🔵 Needs a closer look

Retain ml-8 in the default layout to prevent a visible navigation spacing regression.

Review effort: Lite
Findings: None

What changed in this PR

Updates Tailwind CSS from v3.2.4 to v4.3.3, including template utilities and build configuration.

Changes:

• Replaces the JavaScript configuration with a CSS entrypoint.
• Regenerates the Tailwind stylesheet and updates utility classes.
• Updates Docker, Compose, and Makefile build integration.

File	Description
www/​support.html	Updates migrated utility classes.
www/​src/​tailwind.min.css	Regenerated Tailwind v4 stylesheet.
www/​index.html.twig	Updates opacity, shadow, and divider utilities.
www/​contact.html	Updates form placeholder and focus utilities.
www/​_layouts/​default.html	Updates navigation utilities; retain ml-8 to avoid spacing regression.
tailwind.css	Defines the Tailwind v4 CSS entrypoint.
tailwind.config.js	Removes the obsolete v3 configuration.
Makefile	Tracks the new CSS entrypoint during builds.
Dockerfile	Uses the Tailwind v4.3.3 musl binary.
compose.yaml	Mounts the new CSS entrypoint.

Files not reviewed (1)

• www/src/tailwind.min.css: Generated file

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[clue]

ml-8 never applied with v3: the parent's space-x-1 sm:space-x-8 rule is more specific and set the button's left margin instead. v4's space-x-* now adds a right margin to the preceding items instead, so keeping ml-8 would double the gap before the button. Removing it keeps the header exactly as before, as the before/after screenshots confirm.