diff --git a/files/en-us/learn_web_development/core/accessibility/test_your_skills/css_and_javascript/index.md b/files/en-us/learn_web_development/core/accessibility/test_your_skills/css_and_javascript/index.md
index 02e29874e42f8a6..34f923e474b6494 100644
--- a/files/en-us/learn_web_development/core/accessibility/test_your_skills/css_and_javascript/index.md
+++ b/files/en-us/learn_web_development/core/accessibility/test_your_skills/css_and_javascript/index.md
@@ -21,7 +21,7 @@ To complete the task, create new rules to make the links look and behave like li
 
 <!-- Code shared across examples -->
 
-```css hidden live-sample___css-js-ally-1 live-sample___css-js-ally-2 live-sample___css-js-ally-3
+```css hidden live-sample___css-js-ally-1 live-sample___css-js-ally-2 live-sample___css-js-ally-3 live-sample___css-js-ally-1-finish live-sample___css-js-ally-2-finish
 body {
   background-color: white;
   color: #333333;
@@ -41,7 +41,13 @@ body {
 
 <!-- Example-specific code -->
 
-```html live-sample___css-js-ally-1
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("css-js-ally-1", "100%", 200) }}
+
+Here's the underlying code for this starting point:
+
+```html live-sample___css-js-ally-1 live-sample___css-js-ally-1-finish
 <ul>
   <li><a href="">Animals</a></li>
   <li><a href="">Computers</a></li>
@@ -64,7 +70,9 @@ a {
 /* Add your code here */
 ```
 
-{{ EmbedLiveSample("css-js-ally-1", "100%", 200) }}
+When the task is complete, the links should look something like this:
+
+{{ EmbedLiveSample("css-js-ally-1-finish", "100%", 200) }}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -87,6 +95,25 @@ li a:focus {
 }
 ```
 
+```css hidden live-sample___css-js-ally-1-finish
+a {
+  text-decoration: none;
+  color: #666666;
+  outline: none;
+}
+
+li a {
+  text-decoration: underline;
+  color: rgb(150 0 0);
+}
+
+li a:hover,
+li a:focus {
+  text-decoration: none;
+  color: red;
+}
+```
+
 </details>
 
 ## CSS accessibility 2
@@ -99,9 +126,15 @@ To complete the task:
 2. Update the CSS with new values for the color and font-size to fix the problem.
 3. Test the code to make sure the problem is now fixed. Explain what tools or methods you used to select the new values and test the code.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("css-js-ally-2", "100%", 240) }}
+
+Here's the underlying code for this starting point:
+
 <!-- spellchecker: disable -->
 
-```html live-sample___css-js-ally-2
+```html live-sample___css-js-ally-2 live-sample___css-js-ally-2-finish
 <main>
   <h1>I am the eggman</h1>
 
@@ -156,7 +189,9 @@ p {
 }
 ```
 
-{{ EmbedLiveSample("css-js-ally-2", "100%", 240) }}
+The updated content should look like this:
+
+{{ EmbedLiveSample("css-js-ally-2-finish", "100%", 600) }}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -173,7 +208,7 @@ p {
 
 For the updated code, something like this would fix the color contrast:
 
-```css
+```css live-sample___css-js-ally-2-finish
 main {
   padding: 20px;
   background-color: red;
@@ -188,7 +223,7 @@ p {
 
 And something like this would work for the font sizing:
 
-```css
+```css live-sample___css-js-ally-2-finish
 h1 {
   font-size: 2.5rem;
 }
@@ -226,6 +261,12 @@ In our final accessibility task, you have some JavaScripting to do. We have an a
 
 But it is not very accessible — in its current state you can only operate it with the mouse. We'd like you to add some HTML and JavaScript to make it keyboard accessible too.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("css-js-ally-3", "100%", 400) }}
+
+Here's the underlying code for this starting point:
+
 ```html live-sample___css-js-ally-3
 <section class="preview">
   <div class="animal-list">
@@ -288,7 +329,7 @@ function handleSelection(e) {
 }
 ```
 
-{{ EmbedLiveSample("css-js-ally-3", "100%", 400) }}
+We've not provided finished content for this task, as it looks the same as the starting point.
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/accessibility/test_your_skills/html/index.md b/files/en-us/learn_web_development/core/accessibility/test_your_skills/html/index.md
index 31101f34bc47550..5b6bf76a99a2e35 100644
--- a/files/en-us/learn_web_development/core/accessibility/test_your_skills/html/index.md
+++ b/files/en-us/learn_web_development/core/accessibility/test_your_skills/html/index.md
@@ -21,7 +21,7 @@ To complete the task, update the markup to use appropriate semantic HTML. You do
 
 <!-- Code shared across examples -->
 
-```css hidden live-sample___html-ally-1 live-sample___html-ally-2 live-sample___html-ally-3 live-sample___html-ally-4
+```css hidden live-sample___html-ally-1 live-sample___html-ally-2 live-sample___html-ally-3 live-sample___html-ally-4 live-sample___html-ally-2-finish
 body {
   background-color: white;
   color: #333333;
@@ -41,6 +41,12 @@ body {
 
 <!-- Example-specific code -->
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("html-ally-1", "100%", 630) }}
+
+Here's the underlying code for this starting point:
+
 ```html live-sample___html-ally-1
 <font size="7">Need help?</font> <br /><br />
 If you have any problems with our products, our support center can offer you all
@@ -78,7 +84,7 @@ answer you're looking for.
 }
 ```
 
-{{ EmbedLiveSample("html-ally-1", "100%", 400) }}
+We've not provided finished content for this task, as it doesn't look significantly different to the starting state.
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -133,6 +139,12 @@ To complete the task:
 2. Assume that these inputs will be part of a larger form, and wrap them in an element that associates them all together as a single related group.
 3. Give the group a description/title that summarizes all of the information as personal data.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("html-ally-2", "100%", 200) }}
+
+Here's the underlying code for this starting point:
+
 ```html live-sample___html-ally-2
 <form>
   <ul>
@@ -152,7 +164,7 @@ To complete the task:
 </form>
 ```
 
-```css live-sample___html-ally-2
+```css live-sample___html-ally-2 live-sample___html-ally-2-finish
 form {
   width: 400px;
 }
@@ -165,14 +177,16 @@ li {
 }
 ```
 
-{{ EmbedLiveSample("html-ally-2", "100%", 200) }}
+The updated form should look like this:
+
+{{ EmbedLiveSample("html-ally-2-finish", "100%", 220) }}
 
 <details>
 <summary>Click here to show the solution</summary>
 
 Your finished HTML should look something like this:
 
-```html
+```html live-sample___html-ally-2-finish
 <form>
   <fieldset>
     <legend>Personal data</legend>
@@ -206,6 +220,12 @@ In this task you are required to turn all the information links in the paragraph
 
 To complete the task, update the links appropriately based on the above descriptions.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("html-ally-3", "100%", 140) }}
+
+Here's the underlying code for this starting point:
+
 ```html-nolint live-sample___html-ally-3
 <p>
   For more information about our activities, check out our fundraising page
@@ -220,7 +240,7 @@ To complete the task, update the links appropriately based on the above descript
 > [!NOTE]
 > The links in the starting code have the `target="_blank"` attribute set on them, so that when you click on them, they try to open the linked pages in a new tab rather than the same tab. This is not strictly best practice, but we've done it here so that the pages don't open in the MDN Playground output `<iframe>`, getting rid of your example code in the process!
 
-{{ EmbedLiveSample("html-ally-3", "100%", 140) }}
+We've not provided finished content for this task, as it would give the solution away.
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -252,6 +272,12 @@ In our final HTML accessibility task, you are given an image gallery, which has
 
 Update the code to fix the problems described above.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("html-ally-4", "100%", 400) }}
+
+Here's the underlying code for this starting point:
+
 ```html live-sample___html-ally-4
 <header>
   <img
@@ -288,7 +314,7 @@ header {
 }
 ```
 
-{{ EmbedLiveSample("html-ally-4", "100%", 400) }}
+We've not provided finished content for this task, as it looks the same as the starting point.
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/accessibility/test_your_skills/wai-aria/index.md b/files/en-us/learn_web_development/core/accessibility/test_your_skills/wai-aria/index.md
index 11dbcd6e6440c57..4026edf90304084 100644
--- a/files/en-us/learn_web_development/core/accessibility/test_your_skills/wai-aria/index.md
+++ b/files/en-us/learn_web_development/core/accessibility/test_your_skills/wai-aria/index.md
@@ -19,6 +19,12 @@ Our first ARIA task includes a section of non-semantic markup, which is visually
 
 To complete the task, add some WAI-ARIA semantics to make screen readers recognize the `<div>` elements as an unordered list.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("aria-1", "100%", 250) }}
+
+Here's the underlying code for this starting point:
+
 <!-- Code shared across examples -->
 
 ```css hidden live-sample___aria-1 live-sample___aria-2 live-sample___aria-3
@@ -71,7 +77,7 @@ div > div::before {
 }
 ```
 
-{{ EmbedLiveSample("aria-1", "100%", 250) }}
+We've not provided finished content for this task, as it looks the same as the starting point.
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -79,6 +85,8 @@ div > div::before {
 Your finished HTML should look something like this:
 
 ```html
+<p>My favorite animals:</p>
+
 <div role="list">
   <div role="listitem">Pig</div>
   <div role="listitem">Gazelle</div>
@@ -99,13 +107,19 @@ To complete the task:
 1. Add an attribute to allow the search form to be called out as a separate landmark on the page by screen readers, to make it easily findable.
 2. Give the search input a suitable label, without explicitly adding a visible text label to the DOM.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("aria-2", "100%", 100) }}
+
+Here's the underlying code for this starting point:
+
 ```html live-sample___aria-2
 <form>
   <input type="search" name="search" />
 </form>
 ```
 
-{{ EmbedLiveSample("aria-2", "100%", 100) }}
+We've not provided finished content for this task, as it doesn't look significantly different to the starting state.
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -130,6 +144,12 @@ As before, we have an app that presents a list of animal names. Clicking one of
 
 The problem we have now is that when the DOM changes to show a new description, screen readers cannot see what has changed. Can you update it so that description changes are announced by the screen reader?
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("aria-3", "100%", 400) }}
+
+Here's the underlying code for this starting point:
+
 ```html live-sample___aria-3
 <section class="preview">
   <div class="animal-list">
@@ -204,7 +224,7 @@ function handleSelection(e) {
 }
 ```
 
-{{ EmbedLiveSample("aria-3", "100%", 400) }}
+We've not provided finished content for this task, as it looks the same as the starting point.
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/backgrounds_and_borders/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/backgrounds_and_borders/index.md
index 5d7f92a315c219f..6e02b63caeae11b 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/backgrounds_and_borders/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/backgrounds_and_borders/index.md
@@ -13,7 +13,7 @@ The aim of this skill test is to help you assess whether you understand [backgro
 > [!NOTE]
 > To get help, read our [Test your skills](/en-US/docs/Learn_web_development#test_your_skills) usage guide. You can also reach out to us using one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
-## Task 1
+## Backgrounds and borders 1
 
 In this task, we want you to add a background, border, and some basic styles to a page header.
 
@@ -27,9 +27,11 @@ To complete the task:
    https://mdn.github.io/shared-assets/images/examples/balloons.jpg
    ```
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("backgrounds1-finish", "", "160px")}}
+{{EmbedLiveSample("backgrounds1-start", "", "160px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___backgrounds1-start live-sample___backgrounds1-finish
 <div class="box">
@@ -60,9 +62,9 @@ h2 {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("backgrounds1-start", "", "160px")}}
+{{EmbedLiveSample("backgrounds1-finish", "", "160px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -85,7 +87,7 @@ h2 {
 
 </details>
 
-## Task 2
+## Backgrounds and borders 2
 
 In this task, we want you to add background images, a border, and some other styling to a decorative box.
 
@@ -101,9 +103,11 @@ To complete the task:
 
 3. Make sure that the heading text does not overlay the image, and that it is centered — you will need to use techniques learned in previous lessons to achieve this.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("backgrounds2-finish", "", "220px")}}
+{{EmbedLiveSample("backgrounds2-start", "", "200px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___backgrounds2-start live-sample___backgrounds2-finish
 <div class="box">
@@ -133,9 +137,9 @@ h2 {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("backgrounds2-start", "", "200px")}}
+{{EmbedLiveSample("backgrounds2-finish", "", "220px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/box_model/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/box_model/index.md
index 7a14d2ac171ce8a..1b95dd8c5cca121 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/box_model/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/box_model/index.md
@@ -21,13 +21,15 @@ Watch the embedded scrim, and complete the tasks on the timeline (the little gho
 
 <mdn-scrim-inline url="https://scrimba.com/learn-html-and-css-c0p/~01s" scrimtitle="Margin shorthand" survey="true"></scrim-inline>
 
-## Task 1
+## Box model 1
 
 In this task, there are two boxes below, one is using the standard box model, the other the alternate box model. We'd like you to change the width of the second box by adding declarations to the `.alternate` class, so that it matches the visual width of the first box.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("box-model1-finish", "", "540px")}}
+{{EmbedLiveSample("box-model1-start", "", "540px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___box-model1-start live-sample___box-model1-finish
 <div class="box">I use the standard box model.</div>
@@ -52,9 +54,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("box-model1-start", "", "540px")}}
+{{EmbedLiveSample("box-model1-finish", "", "540px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -70,7 +72,7 @@ You will need to increase the width of the second block to add the size of the p
 
 </details>
 
-## Task 2
+## Box model 2
 
 To complete this task, add the following features to the provided box:
 
@@ -81,9 +83,11 @@ To complete this task, add the following features to the provided box:
 - A left margin of `2em`.
 - Padding on all sides of `1em`.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("box-model2-finish", "100%", "140px")}}
+{{EmbedLiveSample("box-model2-start", "100%", "100px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___box-model2-start live-sample___box-model2-finish
 <div class="box">I use the standard box model.</div>
@@ -98,9 +102,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("box-model2-start", "100%", "100px")}}
+{{EmbedLiveSample("box-model2-finish", "100%", "140px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -118,15 +122,17 @@ You might choose to use the longhand properties ({{cssxref("margin-top")}}, {{cs
 
 </details>
 
-## Task 3
+## Box model 3
 
 In this task, the inline element has a margin, padding, and border. However, the lines above and below are overlapping it.
 
 To complete this task, update the CSS to cause the size of the margin, padding, and border to be respected by the other lines, while still keeping the element inline.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("box-model3-finish", "100%", "260px")}}
+{{EmbedLiveSample("box-model3-start", "100%", "220px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___box-model3-start live-sample___box-model3-finish
 <div class="box">
@@ -156,9 +162,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("box-model3-start", "100%", "220px")}}
+{{EmbedLiveSample("box-model3-finish", "100%", "260px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/cascade/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/cascade/index.md
index a2ec1cec0a689d0..7ee55c3f917d3cc 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/cascade/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/cascade/index.md
@@ -13,15 +13,17 @@ The aim of this skill test is to help you assess whether you understand universa
 > [!NOTE]
 > To get help, read our [Test your skills](/en-US/docs/Learn_web_development#test_your_skills) usage guide. You can also reach out to us using one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
-## Task 1
+## Cascade 1
 
 In this task, we want you to use one of the special values we looked at in the [controlling inheritance](/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts#controlling_inheritance) section.
 
 To complete the task, write a declaration in a new rule that will reset the background color back to white, without using an actual color value.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("cascade1-finish", "100%", "110px")}}
+{{EmbedLiveSample("cascade1-start", "100%", "110px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___cascade1-start live-sample___cascade1-finish
 <div class="container" id="outer">
@@ -47,9 +49,9 @@ div div li a {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("cascade1-start", "100%", "110px")}}
+{{EmbedLiveSample("cascade1-finish", "100%", "110px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -68,15 +70,17 @@ Then you need to remember there are special keyword values for all properties. I
 
 </details>
 
-## Task 2
+## Cascade 2
 
 To complete this task, manipulate the cascade layer order to color the links `rebeccapurple`. No editing the `lightgreen` declaration!
 
 This task is a stretch goal — it requires knowledge of cascade layers, which we didn't cover in the [Handling conflicts](/en-US/docs/Learn_web_development/Core/Styling_basics/Handling_conflicts) article. You can find the information you need to attempt this task at [Cascade layers > Determining the precedence based on the order of layers](/en-US/docs/Learn_web_development/Core/Styling_basics/Cascade_layers#determining_the_precedence_based_on_the_order_of_layers).
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("cascade2-finish", "100%", "110px")}}
+{{EmbedLiveSample("cascade2-start", "100%", "110px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___cascade2-start live-sample___cascade2-finish
 <div class="container" id="outer">
@@ -111,9 +115,9 @@ Your final result should look like the following rendering:
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("cascade2-start", "100%", "110px")}}
+{{EmbedLiveSample("cascade2-finish", "100%", "110px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/images/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/images/index.md
index 858b64566bb5b1d..3d34bdd8c7a5213 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/images/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/images/index.md
@@ -13,13 +13,15 @@ The aim of this skill test is to assess whether you understand how special eleme
 > [!NOTE]
 > To get help, read our [Test your skills](/en-US/docs/Learn_web_development#test_your_skills) usage guide. You can also reach out to us using one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
-## Task 1
+## Images and forms 1
 
-In this task, you have an image that is overflowing the box. We want the image to scale down to fit inside the box without any extra white space, but we do not mind if some part of the image is cropped. Update the CSS to achieve this.
+In this task, you have an image that is overflowing the box. We want you to scale down the image so that it fits inside the box without any extra white space; we don't mind if some part of the image is cropped. Update the CSS to achieve this.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("images-forms1-finish", "", "260px")}}
+{{EmbedLiveSample("images-forms1-start", "", "260px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___images-forms1-start live-sample___images-forms1-finish
 <div class="box">
@@ -41,9 +43,9 @@ img {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("images-forms1-start", "", "260px")}}
+{{EmbedLiveSample("images-forms1-finish", "", "260px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -61,7 +63,7 @@ img {
 
 </details>
 
-## Task 2
+## Images and forms 2
 
 In this task, you have a basic form.
 
@@ -72,9 +74,11 @@ To complete the task:
 3. Give the form field and button `10px` of padding.
 4. Give the button a background of `rebeccapurple`, white foreground, no border and rounded corners of 5px.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("images-forms2-finish", "", "80px")}}
+{{EmbedLiveSample("images-forms2-start", "", "80px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___images-forms2-start live-sample___images-forms2-finish
 <form action="" class="my-form" method="post">
@@ -96,9 +100,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("images-forms2-start", "", "80px")}}
+{{EmbedLiveSample("images-forms2-finish", "", "80px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -128,7 +132,7 @@ Here's an example solution for the task:
 
 </details>
 
-## Task 3
+## Images and forms 3
 
 The solution for this assessment is fairly free-form, and you have a lot of flexibility over what you can do here. So we're not providing an example rendering.
 
@@ -138,6 +142,12 @@ Your CSS needs to include the following:
 2. Some nice, consistent styling for the inputs and button.
 3. A layout technique to make the inputs and labels line up neatly.
 
+The starting point of the task looks like this:
+
+{{ EmbedLiveSample("forms-2", "100%", 250) }}
+
+Here's the underlying code for this starting point:
+
 ```html hidden live-sample___forms-2
 <form>
   <h2>Edit your preferences</h2>
@@ -193,9 +203,7 @@ body {
 /* Add your code here */
 ```
 
-This is the starting state of the task:
-
-{{ EmbedLiveSample("forms-2", "100%", 250) }}
+We've not provided finished content for this task, as many valid solutions are possible.
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/overflow/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/overflow/index.md
index 19979b77c819d0e..1ac23282fc58490 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/overflow/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/overflow/index.md
@@ -13,18 +13,20 @@ The aim of this skill test is to help you assess whether you understand [overflo
 > [!NOTE]
 > To get help, read our [Test your skills](/en-US/docs/Learn_web_development#test_your_skills) usage guide. You can also reach out to us using one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
-## Task 1
+## Overflow 1
 
 In this task, the content is overflowing the box because it has a fixed height.
 
 To complete the task:
 
-1. Update the CSS so that the height is maintained and the box will have scrollbars only if there is enough text to cause an overflow.
-2. Test your solution by removing some of the text from the HTML and checking that if there is only a small amount of text that does not overflow, no scrollbar appears.
+1. Update the CSS so that the box height is maintained and scrollbars appear only when there is enough text to cause an overflow.
+2. Test your solution by removing some text from the HTML and checking that no scrollbar appears when there is only a small amount of text.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("overflow1-finish", "", "300px")}}
+{{EmbedLiveSample("overflow1-start", "", "450px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___overflow1-start live-sample___overflow1-finish
 <div class="box">
@@ -54,9 +56,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("overflow1-start", "", "450px")}}
+{{EmbedLiveSample("overflow1-finish", "", "300px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -71,13 +73,15 @@ You should add `overflow: auto` so that the box will only gain scrollbars when t
 
 </details>
 
-## Task 2
+## Overflow 2
 
 In this task, there is an image in the box that is bigger than the dimensions of the box so that it overflows visibly. Update the CSS so that any image outside of the box is hidden.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("overflow2-finish", "", "260px")}}
+{{EmbedLiveSample("overflow2-start", "", "260px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___overflow2-start live-sample___overflow2-finish
 <div class="box">
@@ -98,9 +102,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("overflow2-start", "", "260px")}}
+{{EmbedLiveSample("overflow2-finish", "", "260px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md
index 26af1cec5f2936e..5609853d37dfd03 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md
@@ -15,7 +15,7 @@ To complete these tasks you should only edit the CSS, not the HTML.
 > [!NOTE]
 > To get help, read our [Test your skills](/en-US/docs/Learn_web_development#test_your_skills) usage guide. You can also reach out to us using one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
-## Task 1
+## Selectors 1
 
 To complete the task:
 
@@ -23,9 +23,11 @@ To complete the task:
 2. Give `<h2>` headings a blue background and white text.
 3. Cause text wrapped in a `<span>` to have a font-size of `200%`.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("selectors1-finish", "", "400px")}}
+{{EmbedLiveSample("selectors1-start", "", "370px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___selectors1-start live-sample___selectors1-finish
 <div class="container">
@@ -51,9 +53,9 @@ body {
 /* Add styles here */
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("selectors1-start", "", "370px")}}
+{{EmbedLiveSample("selectors1-finish", "", "400px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -77,7 +79,7 @@ span {
 
 </details>
 
-## Task 2
+## Selectors 2
 
 To complete the task:
 
@@ -86,9 +88,11 @@ To complete the task:
 3. If the element with a class of `alert` also has a class of `stop`, make the background red.
 4. If the element with a class of `alert` also has a class of `go`, make the background green.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("selectors2-finish", "", "480px")}}
+{{EmbedLiveSample("selectors2-start", "", "480px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___selectors2-start live-sample___selectors2-finish
 <div class="container">
@@ -116,9 +120,9 @@ body {
 /* Add styles here */
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("selectors2-start", "", "480px")}}
+{{EmbedLiveSample("selectors2-finish", "", "480px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -145,7 +149,7 @@ This tests that you understand the difference between class and id selectors and
 
 </details>
 
-## Task 3
+## Selectors 3
 
 To complete the task:
 
@@ -153,9 +157,11 @@ To complete the task:
 2. Make the first element inside the container `font-size: 150%` and the first line of that element red.
 3. Stripe every other row in the table by selecting these rows and giving them a background color of `#333333` and foreground white.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("selectors3-finish", "", "540px")}}
+{{EmbedLiveSample("selectors3-start", "", "440px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___selectors3-start live-sample___selectors3-finish
 <div class="container">
@@ -222,9 +228,9 @@ th {
 /* Add styles here */
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("selectors3-start", "", "440px")}}
+{{EmbedLiveSample("selectors3-finish", "", "540px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -261,7 +267,7 @@ tr:nth-child(even) {
 
 </details>
 
-## Task 4
+## Selectors 4
 
 To complete the task:
 
@@ -270,9 +276,11 @@ To complete the task:
    - Remove their bullets.
    - Give them a `1px` grey bottom border.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("selectors4-finish", "", "500px")}}
+{{EmbedLiveSample("selectors4-start", "", "500px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___selectors4-start live-sample___selectors4-finish
 <div class="container">
@@ -304,9 +312,9 @@ body {
 /* Add styles here */
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("selectors4-start", "", "500px")}}
+{{EmbedLiveSample("selectors4-finish", "", "500px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -327,7 +335,7 @@ h2 + p {
 
 </details>
 
-## Task 5
+## Selectors 5
 
 To complete the task, provide solutions for the following challenges using attribute selectors:
 
@@ -335,9 +343,11 @@ To complete the task, provide solutions for the following challenges using attri
 2. Target the `<a>` element with an `href` attribute that contains the word `contact` somewhere in its value and make the border orange (`border-color: orange`).
 3. Target the `<a>` element with an `href` value starting with `https` and give it a green border (`border-color: green`).
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("selectors5-finish", "", "300px")}}
+{{EmbedLiveSample("selectors5-start", "", "300px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___selectors5-start live-sample___selectors5-finish
 <ul>
@@ -375,9 +385,9 @@ a {
 /* Add styles here */
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("selectors5-start", "", "300px")}}
+{{EmbedLiveSample("selectors5-finish", "", "300px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/sizing/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/sizing/index.md
index 03fd5f9c9751f3b..a230c753e9dff65 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/sizing/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/sizing/index.md
@@ -13,7 +13,7 @@ The aim of this skill test is to help you assess whether you understand the diff
 > [!NOTE]
 > To get help, read our [Test your skills](/en-US/docs/Learn_web_development#test_your_skills) usage guide. You can also reach out to us using one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
-## Task 1
+## Sizing 1
 
 In this task, you have two boxes.
 
@@ -23,9 +23,11 @@ To complete the task:
 2. To test this, remove the content from the HTML to make sure you still get a `100px` tall box even with no content.
 3. Size the second box so that it is fixed at `100px` tall. In this case, the content should overflow.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("sizing1-finish", "", "460px")}}
+{{EmbedLiveSample("sizing1-start", "", "480px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___sizing1-start live-sample___sizing1-finish
 <div class="box box1">
@@ -66,9 +68,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("sizing1-start", "", "480px")}}
+{{EmbedLiveSample("sizing1-finish", "", "460px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -87,7 +89,7 @@ There are two boxes. The first one should be given a `min-height` so it expands
 
 </details>
 
-## Task 2
+## Sizing 2
 
 In this task, you have a box that contains another box.
 
@@ -96,9 +98,11 @@ To complete the task:
 1. Make the inner box width `60%` of the width of the outer box. The {{cssxref("box-sizing")}} property is set to `border-box`, which means that the total width includes any `padding` and `border`.
 2. Give the inner box `10%` padding on all sides.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("sizing2-finish", "", "220px")}}
+{{EmbedLiveSample("sizing2-start", "", "100px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___sizing2-start live-sample___sizing2-finish
 <div class="box">
@@ -132,9 +136,9 @@ body {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("sizing2-start", "", "100px")}}
+{{EmbedLiveSample("sizing2-finish", "", "220px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -151,15 +155,17 @@ All elements already have `box-sizing: border-box` set to save you from worrying
 
 </details>
 
-## Task 3
+## Sizing 3
 
 In this task, you have two images in boxes. One image is smaller than the box, while the other is larger, causing it to break out of the box.
 
 To complete the task, imagine that the box is responsive and therefore could grow and shrink. Apply a declaration to the images so that the large image shrinks down into the box, but the small image does not stretch.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("sizing3-finish", "", "720px")}}
+{{EmbedLiveSample("sizing3-start", "", "700px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___sizing3-start live-sample___sizing3-finish
 <div class="box">
@@ -191,9 +197,9 @@ img {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("sizing3-start", "", "700px")}}
+{{EmbedLiveSample("sizing3-finish", "", "720px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/values/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/values/index.md
index fdeca2cfdb1db2f..e7f4c6ab9316b2c 100644
--- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/values/index.md
+++ b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/values/index.md
@@ -13,7 +13,7 @@ The aim of this skill test is to help you assess whether you understand differen
 > [!NOTE]
 > To get help, read our [Test your skills](/en-US/docs/Learn_web_development#test_your_skills) usage guide. You can also reach out to us using one of our [communication channels](/en-US/docs/MDN/Community/Communication_channels).
 
-## Task 1
+## Values and units 1
 
 In this task, the first list item has been given a background color using a hex color code. Complete the CSS using the same color in different formats, plus a final list item where you should make the background semi-opaque.
 
@@ -21,9 +21,13 @@ In this task, the first list item has been given a background color using a hex
 - The third should use HSL color.
 - The fourth should use RGB color but with the alpha channel set to `0.6`.
 
-You [can convert the hex color at convertingcolors.com](https://convertingcolors.com/hex-color-86DEFA.html). You need to figure out how to use the values in CSS. Your final result should look like the following rendering:
+You can convert the hex color using [convertingcolors.com](https://convertingcolors.com/hex-color-86DEFA.html). You need to figure out how to use the values in CSS.
 
-{{EmbedLiveSample("values1-finish", "", "300px")}}
+The starting point of the task looks like this:
+
+{{EmbedLiveSample("values1-start", "", "300px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___values1-start live-sample___values1-finish
 <ul>
@@ -56,9 +60,9 @@ li {
 /* Add styles here */
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("values1-start", "", "300px")}}
+{{EmbedLiveSample("values1-finish", "", "300px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -81,7 +85,7 @@ By using [a color conversion tool](https://convertingcolors.com/hex-color-86DEFA
 
 </details>
 
-## Task 2
+## Values and units 2
 
 In this task, we want you to set the font size of various items of text:
 
@@ -90,9 +94,11 @@ In this task, we want you to set the font size of various items of text:
 - All `<p>` elements should be `16px`.
 - A `<p>` element that is directly after an `<h1>` should be `120%`.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
+
+{{EmbedLiveSample("values2-start", "", "420px")}}
 
-{{EmbedLiveSample("values2-finish", "", "420px")}}
+Here's the underlying code for this starting point:
 
 ```html live-sample___values2-start live-sample___values2-finish
 <h1>Level 1 heading</h1>
@@ -130,9 +136,11 @@ h1 + p {
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("values2-start", "", "420px")}}
+{{EmbedLiveSample("values2-finish", "", "430px")}}
+
+Here's the underlying code for this starting point:
 
 <details>
 <summary>Click here to show the solution</summary>
@@ -159,13 +167,15 @@ h1 + p {
 
 </details>
 
-## Task 3
+## Values and units 3
 
 To complete the task, update the CSS to move the background image so that it is centered horizontally and is `20%` from the top of the box.
 
-Your final result should look like the following rendering:
+The starting point of the task looks like this:
 
-{{EmbedLiveSample("values3-finish", "", "400px")}}
+{{EmbedLiveSample("values3-start", "", "400px")}}
+
+Here's the underlying code for this starting point:
 
 ```html live-sample___values3-start live-sample___values3-finish
 <div class="box"></div>
@@ -183,9 +193,9 @@ Your final result should look like the following rendering:
 }
 ```
 
-This is the starting state of the task:
+The updated styling should look like this:
 
-{{EmbedLiveSample("values3-start", "", "400px")}}
+{{EmbedLiveSample("values3-finish", "", "400px")}}
 
 <details>
 <summary>Click here to show the solution</summary>
diff --git a/files/en-us/web/css/guides/pseudo-elements/index.md b/files/en-us/web/css/guides/pseudo-elements/index.md
index 5159837895ce6f5..19b3470b42f2a6d 100644
--- a/files/en-us/web/css/guides/pseudo-elements/index.md
+++ b/files/en-us/web/css/guides/pseudo-elements/index.md
@@ -29,11 +29,12 @@ Pseudo-elements enable targeting entities not included in HTML and sections of c
 - {{CSSXref("::highlight()")}}
 - {{CSSXref("::marker")}}
 - {{CSSXref("::placeholder")}}
+- {{CSSXref("::search-text")}}
 - {{CSSXref("::selection")}}
 - {{CSSXref("::spelling-error")}}
 - {{CSSXref("::target-text")}}
 
-The specification also defines the `::details-content` and `::search-text` pseudo-elements and the `::postfix` and `::prefix` sub-pseudo elements. These are not yet supported by any browser. The {{CSSXref("::highlight()")}} pseudo-element is included within this module, but most details are provided in the [CSS custom highlight API](/en-US/docs/Web/API/CSS_Custom_Highlight_API).
+The specification also defines the `::details-content` pseudo-element and the `::postfix` and `::prefix` sub-pseudo elements. These are not yet supported by any browser. The {{CSSXref("::highlight()")}} pseudo-element is included within this module, but most details are provided in the [CSS custom highlight API](/en-US/docs/Web/API/CSS_Custom_Highlight_API).
 
 ### Interfaces
 
diff --git a/files/en-us/web/css/reference/selectors/_colon_current/index.md b/files/en-us/web/css/reference/selectors/_colon_current/index.md
index 26b87d4040247f2..e0f2e9ede59eb02 100644
--- a/files/en-us/web/css/reference/selectors/_colon_current/index.md
+++ b/files/en-us/web/css/reference/selectors/_colon_current/index.md
@@ -4,19 +4,13 @@ slug: Web/CSS/Reference/Selectors/:current
 page-type: css-pseudo-class
 status:
   - experimental
-spec-urls: https://drafts.csswg.org/selectors/#the-current-pseudo
+browser-compat: css.selectors.current
 sidebar: cssref
 ---
 
 {{SeeCompatTable}}
 
-The **`:current`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-classes) selector is a time-dimensional pseudo-class that represents an element or the ancestor of an element that is currently being displayed. For example, this pseudo-class can be used to represent a video that is being displayed with captions by [WebVTT](/en-US/docs/Web/API/WebVTT_API).
-
-```css
-:current(p, span) {
-  background-color: yellow;
-}
-```
+The **`:current`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-classes) selector represents an element or the ancestor of an element that is currently being displayed or highlighted.
 
 ## Syntax
 
@@ -30,9 +24,121 @@ The **`:current`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS
 }
 ```
 
+## Description
+
+The `:current` pseudo-class is used to represent the "currently displayed" element out of a series of elements.
+
+This can mean "current" in terms of time: `:current` can be used to target the currently displayed captions or subtitles (represented using [WebVTT](/en-US/docs/Web/API/WebVTT_API)) that are associated with a playing video.
+
+It can also refer to the currently highlighted element in a series. For example, `:current` can be combined with the `::search-text` [pseudo-element](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements) to provide specific styles to the currently-focused search result from the browser's "Find in page" text search feature.
+
+For example:
+
+```css
+p::search-text {
+  color: white;
+  background-color: purple;
+}
+
+p::search-text:current {
+  background-color: crimson;
+}
+```
+
 ## Examples
 
-### CSS
+### Custom styles for text search results
+
+This example shows how to use `::search-text` and `:current` to create custom styles for your browser's "Find in page" search results.
+
+#### HTML
+
+The HTML consists of a basic paragraph of text. We won't show the HTML source, both for brevity, and so that it is easier to navigate the search results in the rendered example.
+
+```html hidden live-sample___custom-search-results
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec finibus est
+  eget eros congue pellentesque. Etiam a augue accumsan, scelerisque nisl sit
+  amet, lobortis nulla. Aliquam condimentum eu orci eu elementum. Donec
+  porttitor quam et posuere commodo. Mauris rhoncus diam a scelerisque molestie.
+  Integer sollicitudin risus dui, ut sagittis lorem laoreet eget. Duis eget
+  pretium enim. Morbi tristique, diam sit amet gravida finibus, metus ex
+  tincidunt nibh, ac volutpat urna purus et arcu. Donec risus risus, semper vel
+  purus sit amet, gravida vestibulum est. Sed et tristique urna. Nam vel mi eget
+  nisi consectetur elementum. Aenean faucibus aliquam cursus. Morbi posuere
+  tincidunt velit, et sagittis quam sagittis in. Nam eget ante ultrices, auctor
+  dui vel, euismod lacus. Vivamus tincidunt, sem ac sodales aliquet, tortor
+  tortor consequat diam, nec tempor mi dui vel eros. Aliquam ac erat et metus
+  egestas scelerisque.
+</p>
+```
+
+#### CSS
+
+In our CSS, we start by styling the `::search-text` pseudo-element. We give it custom {{cssxref("background-color")}}, {{cssxref("color")}}, and {{cssxref("text-shadow")}} styles.
+
+```css hidden live-sample___custom-search-results
+html {
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+p {
+  font-size: 1.5rem;
+  line-height: 1.5;
+  width: 90%;
+  margin: 0 auto;
+}
+
+@layer no-support {
+  body::before {
+    background-color: wheat;
+    display: block;
+    text-align: center;
+    padding: 1em 0;
+  }
+  @supports not selector(::search-text) {
+    body::before {
+      content: "Your browser doesn't support the ::search-text pseudo-element.";
+    }
+  }
+  @supports not selector(:current) {
+    body::before {
+      content: "Your browser doesn't support the :current pseudo-class.";
+    }
+  }
+}
+```
+
+```css live-sample___custom-search-results
+::search-text {
+  background-color: purple;
+  color: white;
+  text-shadow: 1px 1px 1px black;
+}
+```
+
+Finally, we style the currently-focused search result via `::search-text:current`, providing it with a different `background-color` and some {{cssxref("text-decoration")}} styles so that it is distinguishable from the rest of the results.
+
+```css live-sample___custom-search-results
+::search-text:current {
+  background-color: crimson;
+  text-decoration-line: underline;
+  text-decoration-color: yellow;
+  text-decoration-thickness: 3px;
+}
+```
+
+#### Result
+
+The example renders as follows:
+
+{{EmbedLiveSample("live-sample___custom-search-results", "100%", 300)}}
+
+Try using the browser's find in page interface to find a word that appears multiple times in the example text, such as "aliquam", "amet", or "tortor". Move between the previous and next results to check out the `:current` styling.
+
+### Styling currently-shown WebVTT subtitles
+
+#### CSS
 
 ```css
 :current(p, span) {
@@ -40,7 +146,7 @@ The **`:current`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS
 }
 ```
 
-### HTML
+#### HTML
 
 ```html
 <video controls preload="metadata">
@@ -55,7 +161,7 @@ The **`:current`** [CSS](/en-US/docs/Web/CSS) [pseudo-class](/en-US/docs/Web/CSS
 </video>
 ```
 
-### WebVTT
+#### WebVTT
 
 ```plain
 WEBVTT FILE
@@ -79,7 +185,7 @@ This is the third caption
 
 ## Browser compatibility
 
-Currently, no browsers support this feature.
+{{Compat}}
 
 ## See also
 
diff --git a/files/en-us/web/css/reference/selectors/_doublecolon_search-text/index.md b/files/en-us/web/css/reference/selectors/_doublecolon_search-text/index.md
new file mode 100644
index 000000000000000..03bb5b9cd50b957
--- /dev/null
+++ b/files/en-us/web/css/reference/selectors/_doublecolon_search-text/index.md
@@ -0,0 +1,184 @@
+---
+title: ::search-text
+slug: Web/CSS/Reference/Selectors/::search-text
+page-type: css-pseudo-element
+browser-compat: css.selectors.search-text
+sidebar: cssref
+---
+
+The **`::search-text`** [CSS](/en-US/docs/Web/CSS) [pseudo-element](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements) applies styles to search results identified by the user agent's "Find" or "Find in page" text search feature.
+
+{{InteractiveExample("CSS Demo: ::search-text", "tabbed-shorter")}}
+
+```css interactive-example
+p::search-text {
+  color: crimson;
+  background-color: wheat;
+}
+```
+
+```html interactive-example
+<p>
+  Using your browser's "Find in page" functionality, find a word or phrase that
+  appears in this sentence, and note how, in supporting browsers, each result is
+  highlighted using the specified custom styles.
+</p>
+```
+
+## Syntax
+
+```css
+::search-text {
+  /* ... */
+}
+```
+
+## Description
+
+Most browsers include some kind of in-page text search functionality, usually labelled "Find" or "Find in page". The `::search-text` pseudo-element, one of the [highlight pseudo-elements](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements#highlight_pseudo-elements), allows you to apply a [limited set of styles](#allowable_properties) to the text results highlighted by the browser search functionality.
+
+Not all browsers and browser versions highlight search results using in-page highlights that are stylable with CSS. In such cases, `::search-text` may be unimplemented or just ignored.
+
+Using `::search-text` as a selector on its own will style browser search results appearing _anywhere_ on a page. If you want to only style browser search results appearing inside certain elements, you can combine `::search-text` with other selectors, for example `section::search-text`.
+
+Additionally, `::search-text` can be combined with the {{cssxref(":current")}} [pseudo-class](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-classes) to provide specific styles to the currently-focused search result, for example:
+
+```css
+p::search-text {
+  color: white;
+  background-color: purple;
+}
+
+p::search-text:current {
+  background-color: crimson;
+}
+```
+
+### Inheritance model
+
+The `::search-text` pseudo-element follows a special inheritance model common to all highlight pseudo-elements, wherein styles are inherited from both their parent elements and the pseudo-elements of their parents. For more details on how this inheritance works, see the [Highlight pseudo-elements inheritance](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements#highlight_pseudo-elements_inheritance) section.
+
+### Allowable properties
+
+A limited subset of CSS properties can be used with `::search-text`:
+
+- {{CSSxRef("color")}}
+- {{CSSxRef("background-color")}}
+- The {{CSSxRef("text-decoration")}} shorthand and associated longhand properties:
+  - {{CSSxRef("text-decoration-line")}}: the `grammar-error`, `spelling-error`, `line-through`, `none`, and `underline` values only.
+  - {{CSSxRef("text-decoration-color")}}
+  - {{CSSxRef("text-decoration-style")}}
+  - {{CSSxRef("text-decoration-thickness")}}
+  - {{CSSxRef("text-decoration-skip-ink")}}
+- {{CSSxRef("text-underline-offset")}}
+- {{CSSxRef("text-shadow")}}
+
+## Accessibility
+
+**Override text search result styles sparingly**, especially when doing so for purely aesthetic reasons. For people experiencing cognitive concerns or who are less technologically literate, unexpected changes to these styles may hurt their understanding of the functionality.
+
+A primary use case of `::search-text` is to increase color contrast compared to the default browser styling. When customizing highlighted text, it is important to ensure that the [contrast ratio between the foreground and background colors](/en-US/docs/Web/Accessibility/Guides/Understanding_WCAG/Perceivable#guideline_1.4_make_it_easier_for_users_to_see_and_hear_content_including_separating_foreground_from_background) is great enough for people to be able to perceive the content of the highlighted text.
+
+## Examples
+
+### Custom styles for text search results
+
+This example shows how to use `::search-text` and `:current` to create custom styles for your browser's "Find in page" search results.
+
+#### HTML
+
+The HTML consists of a basic paragraph of text. We won't show the HTML source, both for brevity, and so that it is easier to navigate the search results in the rendered example.
+
+```html hidden live-sample___custom-search-results
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec finibus est
+  eget eros congue pellentesque. Etiam a augue accumsan, scelerisque nisl sit
+  amet, lobortis nulla. Aliquam condimentum eu orci eu elementum. Donec
+  porttitor quam et posuere commodo. Mauris rhoncus diam a scelerisque molestie.
+  Integer sollicitudin risus dui, ut sagittis lorem laoreet eget. Duis eget
+  pretium enim. Morbi tristique, diam sit amet gravida finibus, metus ex
+  tincidunt nibh, ac volutpat urna purus et arcu. Donec risus risus, semper vel
+  purus sit amet, gravida vestibulum est. Sed et tristique urna. Nam vel mi eget
+  nisi consectetur elementum. Aenean faucibus aliquam cursus. Morbi posuere
+  tincidunt velit, et sagittis quam sagittis in. Nam eget ante ultrices, auctor
+  dui vel, euismod lacus. Vivamus tincidunt, sem ac sodales aliquet, tortor
+  tortor consequat diam, nec tempor mi dui vel eros. Aliquam ac erat et metus
+  egestas scelerisque.
+</p>
+```
+
+#### CSS
+
+In our CSS, we start by styling the `::search-text` pseudo-element. We give it custom {{cssxref("background-color")}}, {{cssxref("color")}}, and {{cssxref("text-shadow")}} styles.
+
+```css hidden live-sample___custom-search-results
+html {
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+p {
+  font-size: 1.5rem;
+  line-height: 1.5;
+  width: 90%;
+  margin: 0 auto;
+}
+@layer no-support {
+  body::before {
+    background-color: wheat;
+    display: block;
+    text-align: center;
+    padding: 1em 0;
+  }
+  @supports not selector(:current) {
+    body::before {
+      content: "Your browser doesn't support the :current pseudo-class.";
+    }
+  }
+  @supports not selector(::search-text) {
+    body::before {
+      content: "Your browser doesn't support the ::search-text pseudo-element.";
+    }
+  }
+}
+```
+
+```css live-sample___custom-search-results
+::search-text {
+  background-color: purple;
+  color: white;
+  text-shadow: 1px 1px 1px black;
+}
+```
+
+Finally, we style the currently-focused search result via `::search-text:current`, providing it with a different `background-color` and some {{cssxref("text-decoration")}} styles so that it is distinguishable from the rest of the results.
+
+```css live-sample___custom-search-results
+::search-text:current {
+  background-color: crimson;
+  text-decoration-line: underline;
+  text-decoration-color: yellow;
+  text-decoration-thickness: 3px;
+}
+```
+
+#### Result
+
+The example renders as follows:
+
+{{EmbedLiveSample("live-sample___custom-search-results", "100%", 300)}}
+
+Try using the browser's find in page interface to find a word that appears multiple times in the example text, such as "aliquam", "amet", or "tortor". Move between the previous and next results to check out the `:current` styling.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{cssxref(":current")}}
+- [Highlight pseudo-elements](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements#highlight_pseudo-elements)
+- [CSS pseudo-elements](/en-US/docs/Web/CSS/Guides/Pseudo-elements) module
diff --git a/files/en-us/web/css/reference/selectors/pseudo-elements/index.md b/files/en-us/web/css/reference/selectors/pseudo-elements/index.md
index 7287911071aeacc..eda9693d43822dd 100644
--- a/files/en-us/web/css/reference/selectors/pseudo-elements/index.md
+++ b/files/en-us/web/css/reference/selectors/pseudo-elements/index.md
@@ -57,16 +57,18 @@ A pseudo-element can be selected based on the current state of the originating e
 
 Selects document sections based on content and document status, enabling those areas to be styled differently to indicate that status to the user.
 
-- {{CSSxRef("::selection")}}
-  - : The portion of a document that has been selected.
-- {{CSSxRef("::target-text")}}
-  - : The document's target element. The target element is identified using the URL's fragment identifier.
-- {{CSSxRef("::spelling-error")}}
-  - : A portion of text that the browser thinks is misspelled.
 - {{CSSxRef("::grammar-error")}}
   - : A portion of text that the browser thinks is grammatically incorrect.
 - {{CSSxRef("::highlight()")}}
   - : The elements in the [highlight registry](/en-US/docs/Web/API/CSS/highlights_static). It is used to create custom highlights.
+- {{CSSxRef("::search-text")}}
+  - : Search results identified by the user agent's "Find" or "Find in page" text search feature.
+- {{CSSxRef("::selection")}}
+  - : The portion of a document that has been selected.
+- {{CSSxRef("::spelling-error")}}
+  - : A portion of text that the browser thinks is misspelled.
+- {{CSSxRef("::target-text")}}
+  - : The document's target element. The target element is identified using the [URL's fragment](/en-US/docs/Web/URI/Reference/Fragment) identifier.
 
 ## Tree-Abiding pseudo-elements
 
diff --git a/package-lock.json b/package-lock.json
index abe7c099015ad39..230f1983dd18fa1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "license": "SEE LICENSE IN LICENSE.md",
       "dependencies": {
         "@apideck/better-ajv-errors": "^0.3.6",
-        "@mdn/fred": "2.1.0",
+        "@mdn/fred": "2.2.0",
         "@octokit/rest": "^22.0.1",
         "ajv": "^8.17.1",
         "ajv-formats": "^3.0.1",
@@ -24,7 +24,7 @@
       },
       "devDependencies": {
         "cheerio": "1.2.0",
-        "cspell": "9.6.2",
+        "cspell": "9.6.3",
         "cspell-group-by-file-reporter": "^1.0.1",
         "file-type": "^21.3.0",
         "fs-extra": "^11.3.3",
@@ -40,7 +40,7 @@
         "node-html-parser": "^7.0.2",
         "parse-diff": "^0.11.1",
         "prettier": "3.8.1",
-        "tempy": "^3.1.2",
+        "tempy": "^3.2.0",
         "yaml": "^2.8.2",
         "yargs": "^18.0.0"
       },
@@ -252,9 +252,9 @@
       }
     },
     "node_modules/@cspell/cspell-bundled-dicts": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-bundled-dicts/-/cspell-bundled-dicts-9.6.2.tgz",
-      "integrity": "sha512-s5u/3nhQUftKibPIbRLLAf4M5JG1NykqkPCxS0STMmri0hzVMZbAOCyHjdLoOCqPUn0xZzLA8fgeYg3b7QuHpg==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-bundled-dicts/-/cspell-bundled-dicts-9.6.3.tgz",
+      "integrity": "sha512-0Ibx+ynlSd8wMAoUmc2Ck4SDN27eJheM45aCmCvCA8saROwkDh7j8zBz7aTTUTtFN+pcotJoNxr71LLD+KXhgQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -273,9 +273,9 @@
         "@cspell/dict-docker": "^1.1.17",
         "@cspell/dict-dotnet": "^5.0.11",
         "@cspell/dict-elixir": "^4.0.8",
-        "@cspell/dict-en_us": "^4.4.27",
+        "@cspell/dict-en_us": "^4.4.28",
         "@cspell/dict-en-common-misspellings": "^2.1.12",
-        "@cspell/dict-en-gb-mit": "^3.1.16",
+        "@cspell/dict-en-gb-mit": "^3.1.17",
         "@cspell/dict-filetypes": "^3.0.15",
         "@cspell/dict-flutter": "^1.1.1",
         "@cspell/dict-fonts": "^4.0.5",
@@ -299,14 +299,14 @@
         "@cspell/dict-markdown": "^2.0.14",
         "@cspell/dict-monkeyc": "^1.0.12",
         "@cspell/dict-node": "^5.0.9",
-        "@cspell/dict-npm": "^5.2.31",
+        "@cspell/dict-npm": "^5.2.32",
         "@cspell/dict-php": "^4.1.1",
         "@cspell/dict-powershell": "^5.0.15",
         "@cspell/dict-public-licenses": "^2.0.15",
         "@cspell/dict-python": "^4.2.25",
         "@cspell/dict-r": "^2.1.1",
         "@cspell/dict-ruby": "^5.1.0",
-        "@cspell/dict-rust": "^4.1.1",
+        "@cspell/dict-rust": "^4.1.2",
         "@cspell/dict-scala": "^5.0.9",
         "@cspell/dict-shell": "^1.1.2",
         "@cspell/dict-software-terms": "^5.1.20",
@@ -323,22 +323,22 @@
       }
     },
     "node_modules/@cspell/cspell-json-reporter": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-json-reporter/-/cspell-json-reporter-9.6.2.tgz",
-      "integrity": "sha512-8TCD7KOG9ppo5BoJOe2diACfB6I6UpJmYmjLOxMy0o8y3ruWFoDKaDEsf5tIi4T7cdVb8MjGbHjw9ksCwRRMjA==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-json-reporter/-/cspell-json-reporter-9.6.3.tgz",
+      "integrity": "sha512-4jhqXKGCFAQXomtk4/Ldy/GiGEocC61v8GISiUgn1mH+HPgEvkJijyxKRNFYvzXOoJr4y0KrkGBoKk5FI7cipw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/cspell-types": "9.6.2"
+        "@cspell/cspell-types": "9.6.3"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/@cspell/cspell-performance-monitor": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-performance-monitor/-/cspell-performance-monitor-9.6.2.tgz",
-      "integrity": "sha512-MZuhYy59zFCVsX3PzW02/3TqPsPw87MELOJuZfpWDcGgxrweTrVjMdmJ0/w7COJ6zEAqtgGjNMAEmK4xJnrQjQ==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-performance-monitor/-/cspell-performance-monitor-9.6.3.tgz",
+      "integrity": "sha512-Y1I0wg7MUTouubREyPeTJe2dKNbBZPBnd6kDNcVet5DRZ3Cck2udS9m1a6DhJO2sGQgHTBULPDBEUU5tcAZ+nQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -346,9 +346,9 @@
       }
     },
     "node_modules/@cspell/cspell-pipe": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-pipe/-/cspell-pipe-9.6.2.tgz",
-      "integrity": "sha512-Wt6Cf4b/E0QJ/TkbOMjXSGrccASgbc8xZq3c+8+kCXM5JT92NP2Lx67m3UA1g+BDv7E4DNPuwm1fM7o/2zum5w==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-pipe/-/cspell-pipe-9.6.3.tgz",
+      "integrity": "sha512-Q0M58JbgHWOOOYvSyBodEysXLP5t8Q58Ff08msj2/XxRFpowR4iIUyfg3k+/d06uyOy89l+RD5AmyTEa5410xg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -356,9 +356,9 @@
       }
     },
     "node_modules/@cspell/cspell-resolver": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-resolver/-/cspell-resolver-9.6.2.tgz",
-      "integrity": "sha512-u7P4ErApEcSP+Si2HaeotFQXjuCopAa+wPF1fDzuJzpotPxsDwNDanGGn2qUMjOyVI4UiI84MPI6ZuGLj5EDyQ==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-resolver/-/cspell-resolver-9.6.3.tgz",
+      "integrity": "sha512-yUMTC8vl+LeRcIeXRrxn0GXL+rurf4OR3uyqZbG6bbtuttvq/Icleeibv9Wts+n700HLp+sVXJ7BrCn0Ehobsw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -369,9 +369,9 @@
       }
     },
     "node_modules/@cspell/cspell-service-bus": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-service-bus/-/cspell-service-bus-9.6.2.tgz",
-      "integrity": "sha512-T4LBWe3NYpKPD/fIkYAL56z5pr8Cgh//UZDl4afDTJNuTkdE6ZL93MBAUXggONHqY8B9dRXlQKrD4PD+kHabtw==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-service-bus/-/cspell-service-bus-9.6.3.tgz",
+      "integrity": "sha512-gDUDq0PcMcdSG/5HwaQzkptn29E0zCWJUqmP0W/4scSC80AVh/8hgws4tuqv1GWvr4MiBZhIbUEO4f3Pc58OYQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -379,9 +379,9 @@
       }
     },
     "node_modules/@cspell/cspell-types": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-types/-/cspell-types-9.6.2.tgz",
-      "integrity": "sha512-RsUFrSB0oQHEBnR8yarKIReUPwSu2ROpbjhdVKi4T/nQhMaS+TnIQPBwkMtb2r8A1KS2Hijw4D/4bV/XHoFQWw==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-types/-/cspell-types-9.6.3.tgz",
+      "integrity": "sha512-oDTzZ2kG/jJk3TaupESUckDraGJbBpRBEW1xgTrWyIU+uGwdmMXPcGr9XZq9dRS5Zxm01nTgLwxpVM/3BVTvWQ==",
       "dev": true,
       "license": "MIT",
       "peer": true,
@@ -390,13 +390,13 @@
       }
     },
     "node_modules/@cspell/cspell-worker": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/cspell-worker/-/cspell-worker-9.6.2.tgz",
-      "integrity": "sha512-1xq8jmt6YZ7MVPESydjYJ3p67vi+YWgi5qow1xyZzeQWFXVCCFi9pQSxC0bzGQwWrYGNWSAIbYZB3Sq5ntYz4w==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/cspell-worker/-/cspell-worker-9.6.3.tgz",
+      "integrity": "sha512-zZccf1jLSrqIvlYAqwnnBi4RrLVfSEfWT4eYpiyIzHXHMzWnkUXEstQCG6LFK4L9A44M/w9s8szi7R4DLBzKsA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "cspell-lib": "9.6.2"
+        "cspell-lib": "9.6.3"
       },
       "engines": {
         "node": ">=20.18"
@@ -512,9 +512,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-en_us": {
-      "version": "4.4.27",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.4.27.tgz",
-      "integrity": "sha512-0y4vH2i5cFmi8sxkc4OlD2IlnqDznOtKczm4h6jA288g5VVrm3bhkYK6vcB8b0CoRKtYWKet4VEmHBP1yI+Qfw==",
+      "version": "4.4.28",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en_us/-/dict-en_us-4.4.28.tgz",
+      "integrity": "sha512-/rzhbZaZDsDWmXbc9Fmmr4/ngmaNcG2b+TGT+ZjGqpOXVQYI75yZ9+XduyI43xJ5O38QcX3QIbJY5GWaJqxPEg==",
       "dev": true,
       "license": "MIT"
     },
@@ -526,9 +526,9 @@
       "license": "CC BY-SA 4.0"
     },
     "node_modules/@cspell/dict-en-gb-mit": {
-      "version": "3.1.16",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-en-gb-mit/-/dict-en-gb-mit-3.1.16.tgz",
-      "integrity": "sha512-4PPdapCJslytxAVJu35Mv97qDyGmAQxtDE790T2bWNhcqN6gvRVAc/eTRaXkUIf21q1xCxxNNqpH4VfMup69rQ==",
+      "version": "3.1.17",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-en-gb-mit/-/dict-en-gb-mit-3.1.17.tgz",
+      "integrity": "sha512-MLx+3XN9rj+EGwLIFmh0gpEDNalCyQqjcszp+WkedCHcvTCzQgWXQMZK6cPuhO/OKYyW9GOwsx4t0wjU5tRVNg==",
       "dev": true,
       "license": "MIT"
     },
@@ -702,9 +702,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-npm": {
-      "version": "5.2.31",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.31.tgz",
-      "integrity": "sha512-+HoFoFe53pL0wDuSHRs5L+CcDMaG5sLfjKLPT4H0VdwNzho3HLOohTCZr6cYt7OEbXf3xi4YXBkamCy38xOpjA==",
+      "version": "5.2.32",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-npm/-/dict-npm-5.2.32.tgz",
+      "integrity": "sha512-H0XD0eg4d96vevle8VUKVoPhsgsw003ByJ47XzipyiMKoQTZ2IAUW+VTkQq8wU1floarNjmThQJOoKL9J4UYuw==",
       "dev": true,
       "license": "MIT"
     },
@@ -754,9 +754,9 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dict-rust": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/@cspell/dict-rust/-/dict-rust-4.1.1.tgz",
-      "integrity": "sha512-fXiXnZH0wOaEVTKFRNaz6TsUGhuB8dAT0ubYkDNzRQCaV5JGSOebGb1v2x5ZrOSVp+moxWM/vdBfiNU6KOEaFQ==",
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@cspell/dict-rust/-/dict-rust-4.1.2.tgz",
+      "integrity": "sha512-O1FHrumYcO+HZti3dHfBPUdnDFkI+nbYK3pxYmiM1sr+G0ebOd6qchmswS0Wsc6ZdEVNiPYJY/gZQR6jfW3uOg==",
       "dev": true,
       "license": "MIT"
     },
@@ -832,13 +832,13 @@
       "license": "MIT"
     },
     "node_modules/@cspell/dynamic-import": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/dynamic-import/-/dynamic-import-9.6.2.tgz",
-      "integrity": "sha512-DY/X6lsdK4aeJ4erPVZoU1ccEXqtnYqWCMUXZOsMeIsZlXwZz/ocNNd09A4ga9IzGj1lYsB13UG4GVe8lSMAXQ==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/dynamic-import/-/dynamic-import-9.6.3.tgz",
+      "integrity": "sha512-J2RArbv02H0fZCZxfGe2RjhEBFrcBlWgEESh2kDdF3CyoXBoPneevS5L3X4dk2XpOR0LU6bCJEsVIuzJqoFDbw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/url": "9.6.2",
+        "@cspell/url": "9.6.3",
         "import-meta-resolve": "^4.2.0"
       },
       "engines": {
@@ -846,19 +846,29 @@
       }
     },
     "node_modules/@cspell/filetypes": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/filetypes/-/filetypes-9.6.2.tgz",
-      "integrity": "sha512-XYAuGZoRCUf4Y12YP+K0BpU3QUMj4Z4SkKpi08Dwx/bQlq/NqycHKkUWYhlViHLav1+MJbWxcvDIHxGNv0UIaA==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/filetypes/-/filetypes-9.6.3.tgz",
+      "integrity": "sha512-FocAActFpUanhQblokOQYlsV3yt3xC6FNMnziGURG9f1a5LYPGwmb6v40qkkhsTwK8L9L7Ai1KRtPJ3zyowNCA==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=20"
       }
     },
+    "node_modules/@cspell/rpc": {
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/rpc/-/rpc-9.6.3.tgz",
+      "integrity": "sha512-D8ouhYPOZR11CI66GKsFu/05sSTSjxwfyUsTZ0m7lQOcILxkJ0P/y4DJ9HffFT6uY62mEbxDeibvlfCLBzWO4w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.18"
+      }
+    },
     "node_modules/@cspell/strong-weak-map": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/strong-weak-map/-/strong-weak-map-9.6.2.tgz",
-      "integrity": "sha512-7zpnLkpT91wsH4aU3oAprnzrURvBWKq97j5i/SWXGuNKf36XNEO4HaeaPp6L2oVq4OzdUOdm0tUK1gB0HhMWSg==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/strong-weak-map/-/strong-weak-map-9.6.3.tgz",
+      "integrity": "sha512-2OmE4RCSJG1mAfVsZqEvThJaQY//rYjDBycHfb1pfLb3KlV+O5jNKlYrI6E/+JpiTb1cI9MnzIRw6uzTPgCN1g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -866,9 +876,9 @@
       }
     },
     "node_modules/@cspell/url": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/@cspell/url/-/url-9.6.2.tgz",
-      "integrity": "sha512-625EiP1jUOQZ6UQuTUV1XB8Bxa18z3EtC1qA6PJyM3TqUD8PD8Tz183j9av6d/Dq52+7w0F4ovuqjUcTXTfD6g==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/@cspell/url/-/url-9.6.3.tgz",
+      "integrity": "sha512-k+o5Dp8Hp8mjex8Lpe9m9B4LsrMoEzAaaYfvagUPQW1BKPwi3ugkH9YkC7uUOvzD6hOWq77WJZ2t946zY2NDSg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -1048,9 +1058,9 @@
       "license": "MIT"
     },
     "node_modules/@mdn/fred": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@mdn/fred/-/fred-2.1.0.tgz",
-      "integrity": "sha512-HodsBnWWeO0G28BMkT0J+F54LUuhglOur8Zvv3XwZ9tCiMAxCODsKu7ygGNakUyY5cbqvEuqF+UzFO2J+0GWtQ==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@mdn/fred/-/fred-2.2.0.tgz",
+      "integrity": "sha512-jLEznzgIxUikIdp+9gMEV55eZLDxo6GjA7ekeF84duFDX3h0RjZIifbcVmGJx/J6ziIi1ua771/rbdSJPaeJmQ==",
       "license": "MPL-2.0",
       "dependencies": {
         "@codemirror/lang-css": "^6.3.1",
@@ -1064,7 +1074,7 @@
         "@lit-labs/ssr-client": "^1.1.8",
         "@lit/task": "^1.0.3",
         "@mdn/rari": "0.2.11",
-        "@mdn/watify": "^1.1.7",
+        "@mdn/watify": "^1.1.8",
         "@mozilla/glean": "^5.0.7",
         "codemirror": "^6.0.1",
         "compression": "^1.8.1",
@@ -1111,9 +1121,9 @@
       }
     },
     "node_modules/@mdn/watify": {
-      "version": "1.1.7",
-      "resolved": "https://registry.npmjs.org/@mdn/watify/-/watify-1.1.7.tgz",
-      "integrity": "sha512-fs6PVnW2dtOH/CSa4PX0bk+TvCbLkLHjZHrXDxgo8nooPBBmNQDQI8gxcysSTa1S1q9GN2JSs8r5I0I7SwTDOQ==",
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/@mdn/watify/-/watify-1.1.8.tgz",
+      "integrity": "sha512-8tcq+TtTg9tGGuiojJ4Kt7SKgxrST199iAb/KamBfqYfZARD6TJ/2UYPrnCoXx7UNZgcqpfXu0OmK1GJl0BXGA==",
       "license": "MPL-2.0"
     },
     "node_modules/@mozilla/glean": {
@@ -2904,29 +2914,29 @@
       }
     },
     "node_modules/cspell": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell/-/cspell-9.6.2.tgz",
-      "integrity": "sha512-EmkSGhStMbSh2BcyMqbVDOF48fSPWL3adjqajUVCwfnlZD7mzUWPx9pR8pt2dOQaFEE47rlOQGXdd3wTqL5dnQ==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell/-/cspell-9.6.3.tgz",
+      "integrity": "sha512-eGfq/qCJXDNLtqvwo3RFOJ8ECQD45NSEqlEdxJPdMlu/MA7YXSm4QptkJTybdodZmQpIGNpAz8UtVjKwhseqZg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/cspell-json-reporter": "9.6.2",
-        "@cspell/cspell-performance-monitor": "9.6.2",
-        "@cspell/cspell-pipe": "9.6.2",
-        "@cspell/cspell-types": "9.6.2",
-        "@cspell/cspell-worker": "9.6.2",
-        "@cspell/dynamic-import": "9.6.2",
-        "@cspell/url": "9.6.2",
+        "@cspell/cspell-json-reporter": "9.6.3",
+        "@cspell/cspell-performance-monitor": "9.6.3",
+        "@cspell/cspell-pipe": "9.6.3",
+        "@cspell/cspell-types": "9.6.3",
+        "@cspell/cspell-worker": "9.6.3",
+        "@cspell/dynamic-import": "9.6.3",
+        "@cspell/url": "9.6.3",
         "ansi-regex": "^6.2.2",
         "chalk": "^5.6.2",
         "chalk-template": "^1.1.2",
-        "commander": "^14.0.2",
-        "cspell-config-lib": "9.6.2",
-        "cspell-dictionary": "9.6.2",
-        "cspell-gitignore": "9.6.2",
-        "cspell-glob": "9.6.2",
-        "cspell-io": "9.6.2",
-        "cspell-lib": "9.6.2",
+        "commander": "^14.0.3",
+        "cspell-config-lib": "9.6.3",
+        "cspell-dictionary": "9.6.3",
+        "cspell-gitignore": "9.6.3",
+        "cspell-glob": "9.6.3",
+        "cspell-io": "9.6.3",
+        "cspell-lib": "9.6.3",
         "fast-json-stable-stringify": "^2.1.0",
         "flatted": "^3.3.3",
         "semver": "^7.7.3",
@@ -2944,13 +2954,13 @@
       }
     },
     "node_modules/cspell-config-lib": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-config-lib/-/cspell-config-lib-9.6.2.tgz",
-      "integrity": "sha512-VQB+xmqGqCJrt5k/o0rRG9v0X0CA96CEd9FsmBAm5+9DvNiRzXOqewZSdsOM2Y0SX7YKcvG82PfRsujhYltcfQ==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-config-lib/-/cspell-config-lib-9.6.3.tgz",
+      "integrity": "sha512-gQnpAzyf7rPaIb2hjVDtkvfhNc+7hAeHjK+RFAHj7fXiMfdPOWMxnl5IZBOdd9aYHZzVbxYkeyvJbLwF4M3YSg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/cspell-types": "9.6.2",
+        "@cspell/cspell-types": "9.6.3",
         "comment-json": "^4.5.1",
         "smol-toml": "^1.6.0",
         "yaml": "^2.8.2"
@@ -2960,16 +2970,16 @@
       }
     },
     "node_modules/cspell-dictionary": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-dictionary/-/cspell-dictionary-9.6.2.tgz",
-      "integrity": "sha512-J55/9+AtkRzfSVn+KaqoWxsS4O66szKP6LrDW0O2qWnuvVvO1BoAMsINynD845IIzrd1n1yTOHS/DbjmHd4//A==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-dictionary/-/cspell-dictionary-9.6.3.tgz",
+      "integrity": "sha512-y5te3Wu89WIdUYPYqMKUliviFxSu7xImuEacct6f2XFQd2c4G9vNduRMJjHKJT49cwkRM/fZKtOzJyPy8jzQ4g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/cspell-performance-monitor": "9.6.2",
-        "@cspell/cspell-pipe": "9.6.2",
-        "@cspell/cspell-types": "9.6.2",
-        "cspell-trie-lib": "9.6.2",
+        "@cspell/cspell-performance-monitor": "9.6.3",
+        "@cspell/cspell-pipe": "9.6.3",
+        "@cspell/cspell-types": "9.6.3",
+        "cspell-trie-lib": "9.6.3",
         "fast-equals": "^6.0.0"
       },
       "engines": {
@@ -2987,15 +2997,15 @@
       }
     },
     "node_modules/cspell-gitignore": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-gitignore/-/cspell-gitignore-9.6.2.tgz",
-      "integrity": "sha512-vtwc9AAA9m3aZPtbvPPRTLXIqwryljxEgQTkpr92mFZaGftvnLfNVb2z++NvWbXq9azGKN/7oiLjecb9dhYnfA==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-gitignore/-/cspell-gitignore-9.6.3.tgz",
+      "integrity": "sha512-S6XAddSjGEP7opCfEkhWaTnNVCI8ypdyZWgOW/gUW3VMpq8zK7OJ/ddyOLUCIMW1Qwtkx7X4Mf06xJSBWEjKjQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/url": "9.6.2",
-        "cspell-glob": "9.6.2",
-        "cspell-io": "9.6.2"
+        "@cspell/url": "9.6.3",
+        "cspell-glob": "9.6.3",
+        "cspell-io": "9.6.3"
       },
       "bin": {
         "cspell-gitignore": "bin.mjs"
@@ -3005,13 +3015,13 @@
       }
     },
     "node_modules/cspell-glob": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-glob/-/cspell-glob-9.6.2.tgz",
-      "integrity": "sha512-5j+g4JzcWjW16ZAtcPHpG138CEfpp1YmuYJoYtze3lIZLgttt+k2gXJsqyWaP/6MdVknI0Q1afGSKYRtH8mLRA==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-glob/-/cspell-glob-9.6.3.tgz",
+      "integrity": "sha512-tcyQP0LXoAEExVzWZMxW4afyo7w/8nea0wskoWQ4G+k36Gk6P52CARARFymHCH4IZLbbybZuLoVDxQ6OgIm3fQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/url": "9.6.2",
+        "@cspell/url": "9.6.3",
         "picomatch": "^4.0.3"
       },
       "engines": {
@@ -3019,14 +3029,14 @@
       }
     },
     "node_modules/cspell-grammar": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-grammar/-/cspell-grammar-9.6.2.tgz",
-      "integrity": "sha512-JTH92+1VGFPb3UsDT+Ezur/ouR8t+XOZkETUkk8eoSBzli9hWgPHW7kl2T8Chcn+Dq/6FLlvezYbBvhSauqJRw==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-grammar/-/cspell-grammar-9.6.3.tgz",
+      "integrity": "sha512-26Pn/zo9hY3/5hGkM4tpV/Nnn4Op1J0DGnA34vA/lDBGtDOFexUEcUHZOieuNtCvZO735ltZPrP3zVxts1CwRg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/cspell-pipe": "9.6.2",
-        "@cspell/cspell-types": "9.6.2"
+        "@cspell/cspell-pipe": "9.6.3",
+        "@cspell/cspell-types": "9.6.3"
       },
       "bin": {
         "cspell-grammar": "bin.mjs"
@@ -3046,43 +3056,44 @@
       }
     },
     "node_modules/cspell-io": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-io/-/cspell-io-9.6.2.tgz",
-      "integrity": "sha512-VRBkAfUdbaq5yDYoVMvodQF3bIdBL6Gy4tiMvf+UI9C16am47AuThg1gGXRzwi5hCEXnCfevAmuVdaQP3onkow==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-io/-/cspell-io-9.6.3.tgz",
+      "integrity": "sha512-dZYowJVTWPEjik3y/UrJnX/3PG20N1jgnP//lwX6cLGtHjv05W89lnHxsh5Suzxf3mkN/YZ1JUgmxdjj9HduNw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@cspell/cspell-service-bus": "9.6.2",
-        "@cspell/url": "9.6.2"
+        "@cspell/cspell-service-bus": "9.6.3",
+        "@cspell/url": "9.6.3"
       },
       "engines": {
         "node": ">=20"
       }
     },
     "node_modules/cspell-lib": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-lib/-/cspell-lib-9.6.2.tgz",
-      "integrity": "sha512-LvValIwqDAwVp2Www+7PPJ7UbVurYtKGPddpGH7GN+0u+UWzR4oUXR80gY8lHgSrIQ3EkdLhFAItPcyMjGjzIg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@cspell/cspell-bundled-dicts": "9.6.2",
-        "@cspell/cspell-performance-monitor": "9.6.2",
-        "@cspell/cspell-pipe": "9.6.2",
-        "@cspell/cspell-resolver": "9.6.2",
-        "@cspell/cspell-types": "9.6.2",
-        "@cspell/dynamic-import": "9.6.2",
-        "@cspell/filetypes": "9.6.2",
-        "@cspell/strong-weak-map": "9.6.2",
-        "@cspell/url": "9.6.2",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-lib/-/cspell-lib-9.6.3.tgz",
+      "integrity": "sha512-LFZsCWJX5EjcD0EzF/tb9Sx1d/nKEW6436EDqqb5u/Vxr86LxgX9RbhwkHI7e0XyX3YV64QzPrYGvEkXEuGsCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@cspell/cspell-bundled-dicts": "9.6.3",
+        "@cspell/cspell-performance-monitor": "9.6.3",
+        "@cspell/cspell-pipe": "9.6.3",
+        "@cspell/cspell-resolver": "9.6.3",
+        "@cspell/cspell-types": "9.6.3",
+        "@cspell/dynamic-import": "9.6.3",
+        "@cspell/filetypes": "9.6.3",
+        "@cspell/rpc": "9.6.3",
+        "@cspell/strong-weak-map": "9.6.3",
+        "@cspell/url": "9.6.3",
         "clear-module": "^4.1.2",
-        "cspell-config-lib": "9.6.2",
-        "cspell-dictionary": "9.6.2",
-        "cspell-glob": "9.6.2",
-        "cspell-grammar": "9.6.2",
-        "cspell-io": "9.6.2",
-        "cspell-trie-lib": "9.6.2",
-        "env-paths": "^3.0.0",
+        "cspell-config-lib": "9.6.3",
+        "cspell-dictionary": "9.6.3",
+        "cspell-glob": "9.6.3",
+        "cspell-grammar": "9.6.3",
+        "cspell-io": "9.6.3",
+        "cspell-trie-lib": "9.6.3",
+        "env-paths": "^4.0.0",
         "gensequence": "^8.0.8",
         "import-fresh": "^3.3.1",
         "resolve-from": "^5.0.0",
@@ -3095,22 +3106,22 @@
       }
     },
     "node_modules/cspell-trie-lib": {
-      "version": "9.6.2",
-      "resolved": "https://registry.npmjs.org/cspell-trie-lib/-/cspell-trie-lib-9.6.2.tgz",
-      "integrity": "sha512-JpCHpMdxo680yEkb6U1y3wrhZGHltgCnaQ8Zj6yKE8KE0BTLVl9UQGisP5De1wlFn4GtpPCf7WtQ8+M5aqq3YQ==",
+      "version": "9.6.3",
+      "resolved": "https://registry.npmjs.org/cspell-trie-lib/-/cspell-trie-lib-9.6.3.tgz",
+      "integrity": "sha512-bTlL3UjcBJyQXx67RMFcgHh0AXKd2w6Zw8iZkAcU7KVgAgRpGwCiF3LJLHignnMm+Pn8D3Xrx0raENaMh4uGaQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=20"
       },
       "peerDependencies": {
-        "@cspell/cspell-types": "9.6.2"
+        "@cspell/cspell-types": "9.6.3"
       }
     },
     "node_modules/cspell/node_modules/commander": {
-      "version": "14.0.2",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.2.tgz",
-      "integrity": "sha512-TywoWNNRbhoD0BXs1P3ZEScW8W5iKrnbithIl0YH+uCmBd0QpPOA8yc82DS3BIE5Ma6FnBVUsJ7wVUDz4dvOWQ==",
+      "version": "14.0.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-14.0.3.tgz",
+      "integrity": "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -3745,13 +3756,16 @@
       }
     },
     "node_modules/env-paths": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-3.0.0.tgz",
-      "integrity": "sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==",
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-4.0.0.tgz",
+      "integrity": "sha512-pxP8eL2SwwaTRi/KHYwLYXinDs7gL3jxFcBYmEdYfZmZXbaVDvdppd0XBU8qVz03rDfKZMXg1omHCbsJjZrMsw==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "is-safe-filename": "^0.1.0"
+      },
       "engines": {
-        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+        "node": ">=20"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
@@ -5903,6 +5917,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-safe-filename": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-safe-filename/-/is-safe-filename-0.1.1.tgz",
+      "integrity": "sha512-4SrR7AdnY11LHfDKTZY1u6Ga3RuxZdl3YKWWShO5iyuG5h8QS4GD2tOb04peBJ5I7pXbR+CGBNEhTcwK+FzN3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/is-stream": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
@@ -9206,9 +9233,9 @@
       }
     },
     "node_modules/tempy": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/tempy/-/tempy-3.1.2.tgz",
-      "integrity": "sha512-pD3+21EbFZFBKDnVztX32wU6IBwkalOduWdx1OKvB5y6y1f2Xn8HU/U6o9EmlfdSyUYe9IybirmYPj/7rilA6Q==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/tempy/-/tempy-3.2.0.tgz",
+      "integrity": "sha512-d79HhZya5Djd7am0q+W4RTsSU+D/aJzM+4Y4AGJGuGlgM2L6sx5ZvOYTmZjqPhrDrV6xJTtRSm1JCLj6V6LHLQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
diff --git a/package.json b/package.json
index ba8c9beedf2f366..ed749f32f82ee65 100644
--- a/package.json
+++ b/package.json
@@ -19,8 +19,8 @@
   },
   "type": "module",
   "scripts": {
-    "info:fred": "node -e \"process.stderr.write('\\n🐥 This command is now using fred: https://github.com/mdn/fred\\n🐞 Please report any issues here:  https://github.com/mdn/fred/issues/new?template=bug.yml\\n\\n')\"",
-    "info:rari": "node -e \"process.stderr.write('\\n🐥 This command is now using rari: https://github.com/mdn/rari\\n🐞 Please report any issues here:  https://github.com/mdn/rari/issues/new?template=bug.yml\\n\\n')\"",
+    "info:fred": "node -e \"process.stderr.write('\\n🐥 This command is using Fred: https://github.com/mdn/fred\\n🐞 Please report issues here:  https://github.com/mdn/fred/issues/new?template=bug.yml\\n\\n')\"",
+    "info:rari": "node -e \"process.stderr.write('\\n🐥 This command is using Rari: https://github.com/mdn/rari\\n🐞 Please report issues here:  https://github.com/mdn/rari/issues/new?template=bug.yml\\n\\n')\"",
     "build": "npm run --silent info:rari && env-cmd --silent cross-env CONTENT_ROOT=files BUILD_OUT_ROOT=build rari build",
     "content": "npm run --silent info:rari && env-cmd --silent cross-env CONTENT_ROOT=files rari content",
     "filecheck": "env-cmd --silent cross-env CONTENT_ROOT=files node scripts/filecheck/index.js --cwd=.",
@@ -38,14 +38,13 @@
     "lint:typos-group-by-file": "cspell --no-progress --gitignore --quiet --reporter cspell-group-by-file-reporter --config .vscode/cspell.json \"**/*.md\"",
     "lint:typos-words-only": "cspell --no-progress --gitignore --words-only --unique --config .vscode/cspell.json \"**/*.md\"",
     "lint:yml": "prettier -c \"**/*.yml\"",
-    "prepare": "node scripts/npm-check.js",
     "start": "npm run --silent info:fred && npm run up-to-date-check && env-cmd --silent cross-env CONTENT_ROOT=files NODE_ENV=production FRED_PLAYGROUND_LOCAL=true FRED_PLAYGROUND_PORT=5043 FRED_PORT=5042 FRED_WRITER_MODE=true fred-server",
     "test": "node --test",
     "up-to-date-check": "node scripts/up-to-date-check.js"
   },
   "dependencies": {
     "@apideck/better-ajv-errors": "^0.3.6",
-    "@mdn/fred": "2.1.0",
+    "@mdn/fred": "2.2.0",
     "@octokit/rest": "^22.0.1",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -59,7 +58,7 @@
   },
   "devDependencies": {
     "cheerio": "1.2.0",
-    "cspell": "9.6.2",
+    "cspell": "9.6.3",
     "cspell-group-by-file-reporter": "^1.0.1",
     "file-type": "^21.3.0",
     "fs-extra": "^11.3.3",
@@ -75,7 +74,7 @@
     "node-html-parser": "^7.0.2",
     "parse-diff": "^0.11.1",
     "prettier": "3.8.1",
-    "tempy": "^3.1.2",
+    "tempy": "^3.2.0",
     "yaml": "^2.8.2",
     "yargs": "^18.0.0"
   }
diff --git a/scripts/npm-check.js b/scripts/npm-check.js
deleted file mode 100644
index 0483da44e8e147b..000000000000000
--- a/scripts/npm-check.js
+++ /dev/null
@@ -1,19 +0,0 @@
-if (process.env.npm_config_user_agent?.includes("yarn")) {
-  console.error();
-  console.error(
-    "❌ Yarn is no longer supported in this repository (since December 1, 2025).",
-  );
-  console.error("   Use npm instead:");
-  console.error("   - `npm ci`          instead of `yarn --frozen-lockfile`");
-  console.error("   - `npm install`     instead of `yarn install`");
-  console.error("   - `npm run content` instead of `yarn content`");
-  console.error();
-  process.exit(1);
-} else {
-  console.info();
-  console.info("🐥 This repository is now using npm (since December 1, 2025).");
-  console.info(
-    "🐞 Please report any issues here: https://github.com/mdn/fred/issues/new?template=bug.yml",
-  );
-  console.info();
-}