[shadow-styling] Move the Cascade section.

Author: tabatkins

shadow-styling/Overview.bs

@@ -129,6 +129,42 @@ Host Elements in a Shadow Tree</h3>
 
 
 
+<h2 id='cascading'>
+Changes to the Cascading Model</h2>
+
+	To address the desired cascading behavior of rules targetting elements in shadow roots,
+	this specification extends the <a href="http://dev.w3.org/csswg/css-cascade/#cascading">cascade order</a>
+	defined in the Cascade specification. [[!CSS3CASCADE]]
+
+	An additional cascade criteria must be added,
+	between Origin and Scope,
+	called Shadow Tree.
+
+	<ul>
+		<li>
+			When comparing two declarations,
+			if one of them is in a <a>shadow tree</a>
+			and the other is in a document that contains that <a>shadow tree</a>,
+			then for normal rules the declaration from the outer document wins,
+			and for important rules the declaration from the <a>shadow tree</a> wins.
+
+			Note: This is the <em>opposite</em> of how scoped styles work.
+
+		<li>
+			When comparing two declarations,
+			if both are in <a>shadow trees</a> with the same <a>host element</a>,
+			then for normal rules the declaration from the <a>shadow tree</a> that was created most recently wins,
+			and for important rules the declaration from the <a>shadow tree</a> that was created less recently wins.
+	</ul>
+
+	When calculating <a href="http://dev.w3.org/csswg/css-cascade/#cascade-order">Order of Appearance</a>,
+	the tree of trees,
+	defined by the Shadow DOM specification,
+	is used to calculate ordering.
+
+
+
+
 <h2 id='inheritance'>
 Shadow DOM Combinators</h2>
 
@@ -398,36 +434,3 @@ Selecting the Shadow Root Itself: the ''::shadow'' pseudo-element</h3>
 		like ''x-foo /shadow/ span'',
 		to select all the elements of some type in the <a>shadow tree</a>.
 	</div>
-
-<h2 id='cascading'>
-Changes to the Cascading Model</h2>
-
-	To address the desired cascading behavior of rules targetting elements in shadow roots,
-	this specification extends the <a href="http://dev.w3.org/csswg/css-cascade/#cascading">cascade order</a>
-	defined in the Cascade specification. [[!CSS3CASCADE]]
-
-	An additional cascade criteria must be added,
-	between Origin and Scope,
-	called Shadow Tree.
-
-	<ul>
-		<li>
-			When comparing two declarations,
-			if one of them is in a <a>shadow tree</a>
-			and the other is in a document that contains that <a>shadow tree</a>,
-			then for normal rules the declaration from the outer document wins,
-			and for important rules the declaration from the <a>shadow tree</a> wins.
-
-			Note: This is the <em>opposite</em> of how scoped styles work.
-
-		<li>
-			When comparing two declarations,
-			if both are in <a>shadow trees</a> with the same <a>host element</a>,
-			then for normal rules the declaration from the <a>shadow tree</a> that was created most recently wins,
-			and for important rules the declaration from the <a>shadow tree</a> that was created less recently wins.
-	</ul>
-
-	When calculating <a href="http://dev.w3.org/csswg/css-cascade/#cascade-order">Order of Appearance</a>,
-	the tree of trees,
-	defined by the Shadow DOM specification,
-	is used to calculate ordering.