fix: avoid content shift caused by scrollbar

assets/styles/_utilities.css

@@ -0,0 +1,7 @@
+@layer utilities {
+    /* Reserve the scrollbar gutter so content does not shift width when a
+       scrollbar appears (e.g. when a collapsible section is opened). */
+    .scroll-stable {
+        scrollbar-gutter: stable;
+    }
+}

assets/styles/app.css

@@ -4,4 +4,5 @@
 @import "tailwindcss/components";
 @import "_components.css";
 
-@import "tailwindcss/utilities";
+@import "tailwindcss/utilities";
+@import "_utilities.css";