diff --git a/features/draft/spec/css-display-3.yml b/features/draft/spec/css-display-3.yml
index 19f186c49da..3fd464577f3 100644
--- a/features/draft/spec/css-display-3.yml
+++ b/features/draft/spec/css-display-3.yml
@@ -1,4 +1,4 @@
-draft_date: 2024-09-23
+draft_date: 2024-10-10
 name: CSS Display Module Level 3
 description: TODO
 spec: https://drafts.csswg.org/css-display-3/
@@ -8,11 +8,6 @@ compat_features:
   - css.properties.display.inline
   - css.properties.display.list-item
   - css.properties.display.none
-  - css.properties.reading-flow
-  - css.properties.visibility
-  - css.properties.visibility.collapse
-  - css.properties.visibility.hidden
-  - css.properties.visibility.visible
 
 # The following features in the spec are already part of web-features:
 # - display animation:
@@ -20,3 +15,10 @@ compat_features:
 #   - css.properties.display.keyframe_animatable
 # - Flexbox:
 #   - css.properties.order
+# - reading-flow:
+#   - css.properties.reading-flow
+# - visibility:
+#   - css.properties.visibility
+#   - css.properties.visibility.collapse
+#   - css.properties.visibility.hidden
+#   - css.properties.visibility.visible
diff --git a/features/draft/spec/css-display-3.yml.dist b/features/draft/spec/css-display-3.yml.dist
index 7967b994706..fc6c79b4ea1 100644
--- a/features/draft/spec/css-display-3.yml.dist
+++ b/features/draft/spec/css-display-3.yml.dist
@@ -2,43 +2,20 @@
 # Do not edit this file by hand. Edit the source file instead!
 
 status:
-  baseline: false
-  support: {}
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "1"
+    firefox_android: "4"
+    safari: "1"
+    safari_ios: "1"
 compat_features:
-  # baseline: high
-  # baseline_low_date: 2015-07-29
-  # baseline_high_date: 2018-01-29
-  # support:
-  #   chrome: "1"
-  #   chrome_android: "18"
-  #   edge: "12"
-  #   firefox: "1"
-  #   firefox_android: "4"
-  #   safari: "1"
-  #   safari_ios: "1"
   - css.properties.display
   - css.properties.display.block
   - css.properties.display.inline
   - css.properties.display.list-item
   - css.properties.display.none
-  - css.properties.visibility
-  - css.properties.visibility.hidden
-  - css.properties.visibility.visible
-
-  # baseline: high
-  # baseline_low_date: 2015-07-29
-  # baseline_high_date: 2018-01-29
-  # support:
-  #   chrome: "1"
-  #   chrome_android: "18"
-  #   edge: "12"
-  #   firefox: "1"
-  #   firefox_android: "4"
-  #   safari: "1.3"
-  #   safari_ios: "1"
-  - css.properties.visibility.collapse
-
-  # ⬇️ Same status as overall feature ⬇️
-  # baseline: false
-  # support: {}
-  - css.properties.reading-flow
diff --git a/features/reading-flow.yml b/features/reading-flow.yml
new file mode 100644
index 00000000000..8b5c3a040ec
--- /dev/null
+++ b/features/reading-flow.yml
@@ -0,0 +1,6 @@
+name: reading-flow
+description: The `reading-flow` CSS property sets the order in which flex or grid elements are rendered to speech or reached via focus navigation.
+spec: https://drafts.csswg.org/css-display-4/#reading-flow
+group: css
+compat_features:
+  - css.properties.reading-flow
diff --git a/features/reading-flow.yml.dist b/features/reading-flow.yml.dist
new file mode 100644
index 00000000000..1b53375ec6e
--- /dev/null
+++ b/features/reading-flow.yml.dist
@@ -0,0 +1,8 @@
+# Generated from: reading-flow.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support: {}
+compat_features:
+  - css.properties.reading-flow
diff --git a/features/visibility.yml b/features/visibility.yml
new file mode 100644
index 00000000000..64152273c6c
--- /dev/null
+++ b/features/visibility.yml
@@ -0,0 +1,9 @@
+name: visibility
+description: The `visibility` CSS property sets whether an element is shown. Invisible elements still affect the document layout.
+spec: https://drafts.csswg.org/css-display-3/#visibility
+group: css
+compat_features:
+  - css.properties.visibility
+  - css.properties.visibility.collapse
+  - css.properties.visibility.hidden
+  - css.properties.visibility.visible
diff --git a/features/visibility.yml.dist b/features/visibility.yml.dist
new file mode 100644
index 00000000000..f2d1799de4a
--- /dev/null
+++ b/features/visibility.yml.dist
@@ -0,0 +1,44 @@
+# Generated from: visibility.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: high
+  baseline_low_date: 2015-07-29
+  baseline_high_date: 2018-01-29
+  support:
+    chrome: "1"
+    chrome_android: "18"
+    edge: "12"
+    firefox: "1"
+    firefox_android: "4"
+    safari: "1.3"
+    safari_ios: "1"
+compat_features:
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1"
+  #   safari_ios: "1"
+  - css.properties.visibility
+  - css.properties.visibility.hidden
+  - css.properties.visibility.visible
+
+  # ⬇️ Same status as overall feature ⬇️
+  # baseline: high
+  # baseline_low_date: 2015-07-29
+  # baseline_high_date: 2018-01-29
+  # support:
+  #   chrome: "1"
+  #   chrome_android: "18"
+  #   edge: "12"
+  #   firefox: "1"
+  #   firefox_android: "4"
+  #   safari: "1.3"
+  #   safari_ios: "1"
+  - css.properties.visibility.collapse