[shadow-styling] Put the inheritance section under the cascade section.

Author: tabatkins

shadow-styling/Overview.bs

@@ -57,15 +57,6 @@ Distribution Lists</h3>
 	as if they all replaced the <a>insertion point</a> in-place.
 	<span class='note'>(Akin to the behavior of ''display-box: contents''.)</span>
 
-<h3 id='inheritance'>
-Inheritance and Shadow DOM</h3>
-
-	The <a>top-level elements</a> of a <a>shadow tree</a>
-	inherit from their <a>host element</a>.
-
-	The elements in a <a>distribution list</a> inherit from the parent of the <a element>content</a> element they are ultimately distributed to,
-	rather than from their normal parent.
-
 <h2 id='selectors-data-model'>
 Extensions to the Selectors Data Model</h2>
 
@@ -162,6 +153,15 @@ Changes to the Cascading Model</h2>
 	defined by the Shadow DOM specification,
 	is used to calculate ordering.
 
+<h3 id='inheritance'>
+Inheritance and Shadow DOM</h3>
+
+	The <a>top-level elements</a> of a <a>shadow tree</a>
+	inherit from their <a>host element</a>.
+
+	The elements in a <a>distribution list</a> inherit from the parent of the <a element>content</a> element they are ultimately distributed to,
+	rather than from their normal parent.
+
 
 
 

shadow-styling/Overview.html

@@ -110,12 +110,13 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
 	<li><a href=#shadow-dom><span class=secno>2</span> Shadow DOM CSS Concepts</a>
 		<ul class=toc>
 		<li><a href=#shadow-trees><span class=secno>2.1</span> Shadow Trees</a>
-		<li><a href=#distribution-lists><span class=secno>2.2</span> Distribution Lists</a>
-		<li><a href=#inheritance0><span class=secno>2.3</span> Inheritance and Shadow DOM</a></ul>
+		<li><a href=#distribution-lists><span class=secno>2.2</span> Distribution Lists</a></ul>
 	<li><a href=#selectors-data-model><span class=secno>3</span> Extensions to the Selectors Data Model</a>
 		<ul class=toc>
 		<li><a href=#host-element><span class=secno>3.1</span> Host Elements in a Shadow Tree</a></ul>
 	<li><a href=#cascading><span class=secno>4</span> Changes to the Cascading Model</a>
+		<ul class=toc>
+		<li><a href=#inheritance0><span class=secno>4.1</span> Inheritance and Shadow DOM</a></ul>
 	<li><a href=#inheritance><span class=secno>5</span> Shadow DOM Combinators</a>
 		<ul class=toc>
 		<li><a href=#shadow-combinator><span class=secno>5.1</span> Selecting Into A Shadow Tree: the <span class=css data-link-type=maybe title=/shadow/>/shadow/</span> combinator</a>
@@ -191,15 +192,6 @@ <h3 class="heading settled heading" data-level=2.2 id=distribution-lists><span c
 	as if they all replaced the <a data-link-type=dfn href=#insertion-point title="insertion point">insertion point</a> in-place.
 	<span class=note>(Akin to the behavior of <a class=css data-link-type=propdesc href=http://dev.w3.org/csswg/css-display-3/#propdef-display-box title=display-box>display-box: contents</a>.)</span>
 
-<h3 class="heading settled heading" data-level=2.3 id=inheritance0><span class=secno>2.3 </span><span class=content>
-Inheritance and Shadow DOM</span><a class=self-link href=#inheritance0></a></h3>
-
-<p>	The <a data-link-type=dfn href=#top-level-element title="top-level elements">top-level elements</a> of a <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a>
-	inherit from their <a data-link-type=dfn href=#host-element0 title="host element">host element</a>.
-
-<p>	The elements in a <a data-link-type=dfn href=#distribution-list title="distribution list">distribution list</a> inherit from the parent of the <a data-link-type=element title=content>content</a> element they are ultimately distributed to,
-	rather than from their normal parent.
-
 <h2 class="heading settled heading" data-level=3 id=selectors-data-model><span class=secno>3 </span><span class=content>
 Extensions to the Selectors Data Model</span><a class=self-link href=#selectors-data-model></a></h2>
 
@@ -296,6 +288,15 @@ <h2 class="heading settled heading" data-level=4 id=cascading><span class=secno>
 	defined by the Shadow DOM specification,
 	is used to calculate ordering.
 
+<h3 class="heading settled heading" data-level=4.1 id=inheritance0><span class=secno>4.1 </span><span class=content>
+Inheritance and Shadow DOM</span><a class=self-link href=#inheritance0></a></h3>
+
+<p>	The <a data-link-type=dfn href=#top-level-element title="top-level elements">top-level elements</a> of a <a data-link-type=dfn href=#shadow-tree title="shadow tree">shadow tree</a>
+	inherit from their <a data-link-type=dfn href=#host-element0 title="host element">host element</a>.
+
+<p>	The elements in a <a data-link-type=dfn href=#distribution-list title="distribution list">distribution list</a> inherit from the parent of the <a data-link-type=element title=content>content</a> element they are ultimately distributed to,
+	rather than from their normal parent.
+