Update documentation to replace references from "applying conditionally" to "conditional queries" across multiple components for consistency and clarity.

Author: 1aron

site/app/[locale]/guide/introduction/content.mdx

@@ -15,7 +15,7 @@ Under the hood, Master CSS automatically adds [vendor prefixes](/guide/browser-s
     Hello World
 </h1>
 ```
-[Declaring styles](/guide/style-declarations) through the `class` attribute, attaching [selector states](/guide/state-selectors), and even base them on [applying conditionally](/guide/applying-conditionally). There's no need to write any inline style sheets, including creating external CSS files; just add syntax classes in your HTML.
+[Declaring styles](/guide/style-declarations) through the `class` attribute, attaching [selector states](/guide/state-selectors), and even base them on [conditional queries](/guide/conditional-queries). There's no need to write any inline style sheets, including creating external CSS files; just add syntax classes in your HTML.
 
 You can write atomic classes `text:center` or [abstract styles](/guide/components) `btn` based on the characteristics of your project and team.
 

site/app/[locale]/guide/reusing-styles/content.mdx

@@ -30,7 +30,7 @@ Create an abstract style using Master CSS syntaxes.
 <Overview />
 
 ### Add a style with states
-Create an abstract style with [state selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Create an abstract style with [state selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 <Code lang="js" name="master.css.js">{require('../../../../../packages/server/tests/fixtures/add-a-style-with-states/master.css.js?raw')}</Code>
 (click) Try clicking the button to see the outline effect
 <Demo>

site/app/[locale]/reference/accent-color/content.mdx

@@ -31,7 +31,7 @@ Use the `accent-color:color` to set a custom accent color of user interface elem
 ---
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="accent-color:red-46:hover accent-color:red-46@sm accent-color:red-46@dark accent-color:red-46@print">…</div>
 ```

site/app/[locale]/reference/align-content/content.mdx

@@ -4,7 +4,7 @@
 ---
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="align-content:normal:hover align-content:normal@sm align-content:normal@dark align-content:normal@print">…</div>
 ```

site/app/[locale]/reference/align-items/content.mdx

@@ -4,7 +4,7 @@
 ---
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="align-items:center:hover align-items:center@sm align-items:center@dark align-items:center@print">…</div>
 ```

site/app/[locale]/reference/align-self/content.mdx

@@ -4,7 +4,7 @@
 ---
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="align-self:auto:hover align-self:auto@sm align-self:auto@dark align-self:auto@print">…</div>
 ```

site/app/[locale]/reference/animation-delay/content.mdx

@@ -2,7 +2,7 @@
 <Overview/>
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="@delay:300ms:hover @delay:300ms@sm @delay:300ms@dark @delay:300ms@print">…</div>
 ```

site/app/[locale]/reference/animation-direction/content.mdx

@@ -42,7 +42,7 @@ For one-shot animations, remove `infinite`.
 ---
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="@direction:normal:hover">…</div>
 <div class="@direction:normal@sm">…</div>

site/app/[locale]/reference/animation-duration/content.mdx

@@ -2,7 +2,7 @@
 <Overview/>
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="@duration:1s:hover @duration:1s@sm @duration:1s@dark @duration:1s@print">…</div>
 ```

site/app/[locale]/reference/animation-fill-mode/content.mdx

@@ -10,7 +10,7 @@ Simplify the native syntax using the derived symbol.
 ---
 
 ## Conditionally apply
-Apply styles based on different states using [selectors](/guide/state-selectors) and [applying conditionally](/guide/applying-conditionally).
+Apply styles based on different states using [selectors](/guide/state-selectors) and [conditional queries](/guide/conditional-queries).
 ```html
 <div class="@fill-mode:none:hover @fill-mode:none@sm @fill-mode:none@dark @fill-mode:none@print">…</div>
 ```