[css-color-5] Move "no magic scaling" prose out of the example

Author: svgeesus

css-color-5/Overview.bs

@@ -993,12 +993,14 @@ so it has meaningful values for the channels.</p>
 	which determines how "colorful" the color is.)
 </div>
 
+	Beware when using components outside their normal position;
+	when percentages are resolved to numbers,
+	there is no "magic scaling"
+	to account for the changed position
+	if those numbers are used in a different place.
+
 <div class="example" id="ex-no-percentage-magic">
-	<p>Beware when using components outside their normal position;
-		when percentages are resolved,
-		there is no "magic scaling"
-		to account for the changed position.
-		For example,</p>
+	<p>For example,</p>
 
 	<pre  highlight=css>
 		color: color(from color(srgb 0 0 0 / 60%) srgb alpha 0.6 0.6 / 0.9);
@@ -1010,8 +1012,9 @@ so it has meaningful values for the channels.</p>
 	</p>
 
 	<p>However, in this second example, again the alpha resolves to 0.6,
-		giving a very different color due to the color component range in
-		legacy rgb() syntax:
+		giving a very different color due to the color component range 
+		of 0 to 255 in
+		rgb() syntax:
 	</p>
 
 	<pre  highlight=css>
@@ -1020,7 +1023,7 @@ so it has meaningful values for the channels.</p>
 
 	<p>which results in 
 	<span class="swatch" style="--color: rgb(0.235% 60% 60% / 0.9)"></span> ''rgb(0.6 153 153 / 0.9)''
-	and not
+	and <em>not</em>
 	<span class="swatch" style="--color: rgb(153 153 153 / 0.9)"></span> ''rgb(153 153 153 / 0.9)''.
 	</p>