feat: add Tailwind CSS via its own CLI

tailwind/_base.css

@@ -0,0 +1,49 @@
+/* lato-regular - latin */
+@font-face {
+    font-display: swap;
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
+}
+/* lato-italic - latin */
+@font-face {
+    font-display: swap;
+    font-family: 'Lato';
+    font-style: italic;
+    font-weight: 400;
+    src: url('../fonts/lato-v24-latin-italic.woff2') format('woff2');
+}
+/* lato-700 - latin */
+@font-face {
+    font-display: swap;
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 700;
+    src: url('../fonts/lato-v24-latin-700.woff2') format('woff2');
+}
+/* lato-900 - latin */
+@font-face {
+    font-display: swap;
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 900;
+    src: url('../fonts/lato-v24-latin-900.woff2') format('woff2');
+}
+
+/* These url()s are NOT relative to this file. postcss-import inlines this partial verbatim
+   and Tailwind's CLI does not rebase urls, so they are resolved by the browser relative to
+   the OUTPUT file, assets/styles/app.css -- which is what makes ../fonts/ correct.
+   AssetMapper then rewrites them to versioned paths when it compiles assets/styles/app.css. */
+
+/* htmx indicator visibility. app.js sets htmx.config.includeIndicatorStyles = false, so htmx
+   injects no <style> block of its own -- these three rules are what replaces it. */
+.htmx-indicator {
+    @apply invisible;
+}
+.htmx-request .htmx-indicator {
+    @apply visible;
+}
+.htmx-request.htmx-indicator {
+    @apply visible;
+}