Fix inconsistent wording

src/components/acknowledgements/acknowledgements.astro

@@ -7,11 +7,9 @@ import Signpost from "../signpost/signpost.astro";
   <p>
     Thanks to <a href="https://moderncss.dev">ModernCSS.dev</a>, <a
       href="https://utopia.fyi">Utopia.fyi</a
-    >, <a
-      href="https://developer.mozilla.org/en-US/docs/MDN/Writing_guidelines/Code_style_guide/CSS"
-      ><abbr title="Mozilla Developer Network">MDN</abbr> Style Guide</a
-    >, <a href="https://modern-css.com">modern.css</a>, and <a
-      href="https://github.com/clagnut/TODS"
+    >, <a href="https://www.youtube.com/@CSSWeekly">CSS Weekly</a>, <a
+      href="https://modern-css.com">modern.css</a
+    >, and <a href="https://github.com/clagnut/TODS"
       ><abbr title="Typography and OpenType Default Stylesheet">TODS</abbr></a
     >. If you'd like to learn more about modern CSS, these are great places to
     start. And to my fellow <a href="https://stylelint.io">Stylelint</a> maintainers,

src/components/get-started/get-started.astro

@@ -64,8 +64,8 @@ Fetch https://moderncss.ai/llms.txt. Audit my existing stylesheets against these
         Or fetch the <a href="/llms.txt">llms.txt</a>
         <InfoPopover id="info-llms" label="What is llms.txt?" inline>
           <p>
-            The <a href="https://llmstxt.org">llms.txt</a> format is another way to
-            provide information to LLMs.
+            A <a href="https://llmstxt.org">llms.txt</a> file is another way to provide
+            instructions to LLMs.
           </p>
         </InfoPopover>:
       </label>
@@ -96,20 +96,18 @@ Fetch https://moderncss.ai/llms.txt. Audit my existing stylesheets against these
       </code-comparison>
       <InfoPopover id="info-code" label="About this comparison">
         <p>
-          The <a href="/skill#organizing-styles-layer">layers</a>, <a
-            href="/skill#encapsulating-styles-scope">scopes</a
+          <a href="/skill#organizing-styles-layer">Layers</a>, <a
+            href="/skill#encapsulating-styles-scope">scope</a
           >, <a href="/skill#nesting-rules-and-at-rules-">nesting</a>, <a
             href="/skill#perceptual-uniform-lightness-oklch">relative colors</a
           >, and
           <a href="/skill#container-queries-and-units-container-cqi-etc"
             >container units</a
-          > rules in action.
+          > afterwards.
         </p>
       </InfoPopover>
       <p>
-        <small>
-          Before & after with GPT-5.3-Codex and Claude Sonnet 4.6.
-        </small>
+        <small> Before & after with GPT-5.3-Codex and Claude Opus 4.6.</small>
       </p>
     </div>
   </div>

src/components/what/what.astro

@@ -42,7 +42,7 @@ import Signpost from "../signpost/signpost.astro";
     <li>
       <h3><a href="/skill#motion">Motion</a></h3>
       <p>
-        Respecting motion preferences with <code
+        Respect motion preferences with <code
           >prefers-reduced-motion: no-preference</code
         >
       </p>

src/components/why/why.astro

@@ -1,12 +1,12 @@
 <section class="why">
   <h2>Why this matters</h2>
   <p>
-    AI needs clear rules to steer it to use modern CSS. Left alone, it defaults
-    to the outdated CSS it was predominantly trained on, leading to fragile,
+    Coding agents need clear rules to use modern CSS. Left alone, they default
+    to the outdated CSS they were predominantly trained on, leading to fragile,
     unresponsive and inaccessible UIs.
   </p>
   <p>
-    With the foundations taken care of, you're free to focus on what matters:
-    the unique aspects of your project.
+    With modern foundations in place, you're free to focus on what matters: the
+    unique aspects of your project.
   </p>
 </section>