[mediaqueries-5] Move the 'inverted-colors' section

Also, rephrase the title. This is something that happens forcibly, not a
preference grouping it with prefers-* is was misleading.

This change is editorial, none of the defining text has been changed.

Author: frivoal

mediaqueries-5/Overview.bs

@@ -1742,6 +1742,62 @@ color depth, and contrast ratio that are supported by the UA and output device.
 	will be vary depending on the User Agent,
 	but is expected to have broadly dependable semantics.
 
+<h3 id="inverted">
+Detecting inverted colors on the display: the 'inverted-colors' feature</h3>
+
+	<pre class='descdef mq'>
+	Name: inverted-colors
+	Value: none | inverted
+	For: @media
+	Type: discrete
+	</pre>
+
+	The 'inverted-colors' media feature indicates whether the content is displayed normally,
+	or whether colors have been inverted.
+
+	Note: This is an indication that the user agent or underlying
+	operating system has forcibly inverted all colors, not a request to do so.
+	This is sometimes provided as a simple accessibility feature,
+	allowing users to switch between light-on-dark and dark-on-light text.
+	However, this has unpleasant side effects,
+	such as inverting pictures,
+	or turning shadows into highlights,
+	which reduce the readability of the content.
+
+	<dl dfn-type=value dfn-for="@media/inverted-colors">
+		<dt><dfn>none</dfn>
+		<dd>
+			Colors are displayed normally.
+
+		<dt><dfn>inverted</dfn>
+		<dd>
+			All pixels within the displayed area have been inverted.
+
+			This value must not match
+			if the User Agent has done some kind of content aware inversion
+			such as one that preserves the images.
+
+			Note: This is because the goal of this media feature
+			is to enable authors to mitigate the undesirable effects of the non content aware approach
+			that invert <em>all</em> the pixels.
+			If the author were to take counter measures even in the content-aware cases,
+			their counter measures and the UA's would be at risk of cancelling each other.
+
+	</dl>
+
+	<div class="example">
+		For example, a user frequently using their operating system's ability to invert the screens color
+		may want to add the following to their user style sheet,
+		to limit the undesirable side effects of the inversion.
+
+		<pre>
+		@media (inverted-colors) {
+			img { filter: invert(100%); }
+			* { text-shadow: none !important; box-shadow: none !important; }
+		}
+		</pre>
+	</div>
+
 <!--
 ████ ██    ██ ████████ ████████ ████████     ███     ██████  ████████ ████  ███████  ██    ██
  ██  ███   ██    ██    ██       ██     ██   ██ ██   ██    ██    ██     ██  ██     ██ ███   ██
@@ -2595,59 +2651,6 @@ CSSOM</h2>
 <h2 id='mf-user-preferences'>
 User Preference Media Features</h2>
 
-<h3 id="inverted">
-Detecting the desire for inverted colors on the display: the 'inverted-colors' feature</h3>
-
-	<pre class='descdef mq'>
-	Name: inverted-colors
-	Value: none | inverted
-	For: @media
-	Type: discrete
-	</pre>
-
-	The 'inverted-colors' media feature indicates whether the content is displayed normally, or whether colors have been inverted.
-
-	Note: This is an indication that the user agent or underlying
-	operating system has forcibly inverted all colors, not a request to do so. This
-	is sometimes provided as a simple accessibility feature, allowing users to
-	switch between light-on-dark and dark-on-light text. However, this has
-	unpleasant side effects, such as inverting pictures, or turning shadows into
-	highlights, which reduce the readability of the content.
-
-	<dl dfn-type=value dfn-for="@media/inverted-colors">
-		<dt><dfn>none</dfn>
-		<dd>
-			Colors are displayed normally.
-
-		<dt><dfn>inverted</dfn>
-		<dd>
-			All pixels within the displayed area have been inverted.
-
-			This value must not match
-			if the User Agent has done some kind of content aware inversion
-			such as one that preserves the images.
-
-			Note: This is because the goal of this media feature
-			is to enable authors to mitigate the undesirable effects of the non content aware approach
-			that invert <em>all</em> the pixels.
-			If the author were to take counter measures even in the content-aware cases,
-			their counter measures and the UA's would be at risk of cancelling each other.
-
-	</dl>
-
-	<div class="example">
-		For example, a user frequently using their operating system's ability to invert the screens color
-		may want to add the following to their user style sheet,
-		to limit the undesirable side effects of the inversion.
-
-		<pre>
-		@media (inverted-colors) {
-			img { filter: invert(100%); }
-			* { text-shadow: none !important; box-shadow: none !important; }
-		}
-		</pre>
-	</div>
-
 <h3 id="prefers-reduced-motion">
 Detecting the desire for less motion on the page: the 'prefers-reduced-motion' feature</h3>