fix bikeshed compile errors and addressed reviews regarding dynamic-range

Author: vi-dot-cpp

mediaqueries-4/Overview.bs

@@ -1706,45 +1706,47 @@ Dynamic Range: the 'dynamic-range' feature</h3>
 	</pre>
 </h3>
 
-High dynamic range (HDR) represents the combination of brightness, color depth, transfer function, and color gamut.
+'@media/dynamic-range' represents the combination of brightness and color
+depth.
 
-<dl dfn-type=value dfn-for="dynamic-range">
+<dl dfn-type=value dfn-for="@media/dynamic-range">
 	<dt><dfn>high</dfn>
 	<dd>
 		If the following are true for the UA and the output device:
 		* max brightness is considered high
 		* color depth is greater than 24 bit
-		* has a <a href="#contrast-of-display">high contrast ratio</a>
+		* has a <a>high contrast ratio</a>
 	<dt><dfn>standard</dfn>
 	<dd>
 		If the following are true for the UA and the output device:
-		* max brightness is considered standards
+		* max brightness is considered standard
 		* color depth is 24 bit or 8 bit per color component of RGB
-		* has a <a href="#contrast-of-display">low contrast ratio</a>
+		* has a <a>low contrast ratio</a>
 </dl>
 
 <h3 id="contrast-brightness-of-display">
 	Determining contrast and brightness of display</h3>
 
 This text is non-normative. There currently is no agreed upon standardization of
-high contrast ratio, low contrast ratio, max brightness or low brightness as it
-relates to displays. As such, the determination for <a>dynamic-range</a> and
-<a>video-dymanic-range</a> will be defined by the user agent.
+<dfn export>high contrast ratio</dfn>, <dfn export>low contrast ratio</dfn>,
+max brightness or low brightness as it relates to displays. As such, the
+determination for '@media/dynamic-range' and '@media/video-dynamic-range' will
+be defined by the user agent.
 
 <h3 id="video-prefixed-properties">
-Handling bi-plane scenarios</h3>
+Video Prefixed Properties scenarios</h3>
 
-	In some scenarios, such as TVs, the user agents may have a graphics
-	plane dedicated to video that has its own discrete hardware. In order
-	to allow UAs in environments that have more than one plane for graphics
-	rendering the following properties should be used to correctly answer
-	video specific queries.
+    Some user agents, including many TVs, render video and graphics in two
+	separate "planes" (bi-plane) with distinct screen characteristics. A set of
+	video-prefixed features is provided to describe the video plane.
 
-	For any UA on a bi-plane device you **MUST** return the values for:
-	<a>video-color-gamut</a>; <a>video-width</a>; <a>video-height</a>; <a>video-resolution</a>;
-	<a>video-dynamic-range</a>; based on the plane that renders video. If the UA is not in a bi-plane
-	scenario then it **MUST** return the values of the single plane
-	(they're effectively aliases to their non-video counterparts).
+	Any bi-plane implementation **MUST** return values based on the video plane
+	for the following features: '@media/video-color-gamut'; '@media/video-width';
+	'@media/video-height'; '@media/video-resolution'; '@media/video-dynamic-range'.
+	All other features **MUST** return values based on the graphics plane.
+
+    Non bi-plane implementations **MUST** return the same values for
+	video-prefixed features and their non-prefixed counterparts.
 
 <h3 id="video-color-gamut">
 Video Color Display Quality: the 'video-color-gamut' feature</h3>
@@ -1757,7 +1759,7 @@ Video Color Display Quality: the 'video-color-gamut' feature</h3>
 	</pre>
 </h3>
 
-The 'video-color-gamut' media feature describes the approximate range of colors
+The '@media/video-color-gamut' media feature describes the approximate range of colors
 	that are supported by the UA and output device's video plane.
 	That is, if the UA receives content with colors in the specified space
 	it can cause the output device to render the appropriate color,
@@ -1776,21 +1778,22 @@ Video Dynamic Range: the 'video-dynamic-range' feature</h3>
 	</pre>
 </h3>
 
-High dynamic range (HDR) represents the combination of brightness, color depth, transfer function, and color gamut.
+'@media/video-dynamic-range' has the same values and definitions as '@media/dynamic-range',
+but describes the UA's and device's video plane.
 
 <dl dfn-type=value dfn-for="video-dynamic-range">
 	<dt><dfn>high</dfn>
 	<dd>
 		If the following are true for the UA and the output device's video plane:
-		* color gamut is <a>p3</a> or <a>rec2020</a>
+		* color gamut is ''p3'' or ''rec2020''
 		* color depth is greater than 24 bit
-		* has a <a href="#contrast-of-display">high contrast ratio</a>
+		* has a high contrast ratio
 	<dt><dfn>standard</dfn>
 	<dd>
 		If the following are true for the UA and the output device's video plane:
-		* color gamut is <a>sRGB</a>
+		* color gamut is sRGB
 		* color depth is 24 bit or 8 bit per color component of RGB
-		* has a <a href="#contrast-of-display">low contrast ratio</a>
+		* has a low contrast ratio
 </dl>
 
 <h3 id="video-width">
@@ -1840,14 +1843,12 @@ Video Display Resolution: the 'video-resolution' feature</h3>
 	Type: range
 	</pre>
 
-	The 'video-resolution' media feature describes the resolution of the output
+	The '@media/video-resolution' media feature describes the resolution of the output
 	device's video plane, i.e. the density of the pixels, taking into account the <a spec=cssom-view>page zoom</a>
 	but assuming a <a spec=cssom-view>pinch zoom</a> of 1.0.
 
 	The 'video-resolution' media feature is <a>false in the negative range</a>
 
-<p class="issue">There needs to be a solution for dynamic range</p>
-
 <!--
 ████ ██    ██ ████████ ████████ ████████     ███     ██████  ████████ ████  ███████  ██    ██
  ██  ███   ██    ██    ██       ██     ██   ██ ██   ██    ██    ██     ██  ██     ██ ███   ██