anchor.diff:                Donec ut quam massa.
                 Vestibulum sapien justo, commodo a eros in, rhoncus interdum nisl.
                 Etiam a porta lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  -            </p>
  -            <h1>Heading 1</h1>
  -            <h2>Heading 2</h2>
  -            <h3>Heading 3</h3>
  -            <h4>Heading 4</h4>
  -            <h5>Heading 5</h5>
  -            <h6>Heading 6</h6>
  -            <h1>Heading 1 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.</h1>
  -            <h2>Heading 2 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.</h2>
  -            <h3>Heading 3 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.</h3>
  -            <h4>Heading 4 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.</h4>
  -            <h5>Heading 5 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.</h5>
  -            <h6>Heading 6 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.</h6>
  -            <p>This paragraph is here to prevent vertical rhythm from breaking.
  -              Never use a heading as the last child of a container.</p>
  -          </section>
  -          </figure>
  -          <table class="c-TableBorderedRows !w:1o1 !ta:c !bc:w" style="margin-top: -8px;">
  -            <caption class="c-Caption">A summary of the six heading levels&rsquo; styles.</caption>
  -            <thead>
  -              <tr>
  -                <th>Heading Level</th>
  -                <th><code>font-style</code></th>
  -                <th><code>font-variant</code></th>
  -                <th><code>font-weight</code></th>
  -                <th><code>color</code></th>
  -              </tr>
  -              <tr>
  -                <th><code>h1, h2, h3,<br class="!d:il"/>h4, h5, h6</code></th>
  -                <td><code>normal</code></td>
  -                <td><code>normal</code></td>
  -                <td><code>800</code></td>
  -                <td><code>@chh_color_txt</code></td>
  -              </tr>
  -            </thead>
  -            <tbody>
  -              <tr>
  -                <th><code>h1</code></th>
  -                <td data-bool="0">default</td>
  -                <td data-bool="0">default</td>
  -                <td data-bool="1"><code>100</code></td>
  -                <td data-bool="1"><code>@color_h_major</code></td>
  -              </tr>
  -              <tr>
  -                <th><code>h2</code></th>
  -                <td data-bool="0">default</td>
  -                <td data-bool="0">default</td>
  -                <td data-bool="0">default</td>
  -                <td data-bool="1"><code>@color_h_minor</code></td>
  -              </tr>
  -              <tr>
  -                <th><code>h3</code></th>
  -                <td data-bool="0">default</td>
  -                <td data-bool="1"><code>small-caps</code></td>
  -                <td data-bool="0">default</td>
  -                <td data-bool="0">default</td>
  -              </tr>
  -              <tr>
  -                <th><code>h4</code></th>
  -                <td data-bool="1"><code>italic</code></td>
  -                <td data-bool="0">default</td>
  -                <td data-bool="0">default</td>
  -                <td data-bool="0">default</td>
  -              </tr>
  -              <tr>
  -                <th><code>h5</code></th>
  -                <td data-bool="1"><code>italic</code></td>
  -                <td data-bool="0">default</td>
  -                <td data-bool="1"><code>400</code></td>
  -                <td data-bool="1"><code>@color_h_minor</code></td>
  -              </tr>
  -              <tr>
  -                <th><code>h6</code></th>
  -                <td data-bool="1"><code>italic</code></td>
  -                <td data-bool="1"><code>small-caps</code></td>
  -                <td data-bool="1"><code>400</code></td>
  -                <td data-bool="0">default</td>
  -              </tr>
  -            </tbody>
  -          </table>
  -        </section>
  -      section.
  -        <h2>Grouping Content</h2>
  -        <section id="paragraphs">
  -          <h3>Paragraphs</h3>
  -          <figure>
  -            <p>A <code>p</code> Element represents a generic paragraph.
  +            h1 Heading 1
  +            h2 Heading 2
  +            h3 Heading 3
  +            h4 Heading 4
  +            h5 Heading 5
  +            h6 Heading 6
  +            h1 Heading 1 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.
  +            h2 Heading 2 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.
  +            h3 Heading 3 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.
  +            h4 Heading 4 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.
  +            h5 Heading 5 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.
  +            h6 Heading 6 spans multiple lines so here is more text and it will have a line break and then you get more lines and even more lines.
  +            p This paragraph is here to prevent vertical rhythm from breaking. Never use a heading as the last child of a container.
  +          table.c-TableBorderedRows(class="!w:1o1 !ta:c !bc:w", style="margin-top: -8px;")
  +            caption.c-Caption A summary of the six heading levels&rsquo; styles.
  +            thead
  +              tr
  +                th Heading Level
  +                th <code>font-style</code>
  +                th <code>font-variant</code>
  +                th <code>font-weight</code>
  +                th <code>color</code>
  +              tr
  +                th <code>h1, h2, h3,<br class="!d:il"/>h4, h5, h6</code>
  +                td <code>normal</code>
  +                td <code>normal</code>
  +                td <code>800</code>
  +                td <code>@chh_color_txt</code>
  +            tbody
  +              tr
  +                th: code h1
  +                td(data-bool="0") default
  +                td(data-bool="0") default
  +                td(data-bool="1") <code>100</code>
  +                td(data-bool="1") <code>@color_h_major</code>
  +              tr
  +                th: code h2
  +                td(data-bool="0") default
  +                td(data-bool="0") default
  +                td(data-bool="0") default
  +                td(data-bool="1") <code>@color_h_minor</code>
  +              tr
  +                th: code h3
  +                td(data-bool="0") default
  +                td(data-bool="1") <code>small-caps</code>
  +                td(data-bool="0") default
  +                td(data-bool="0") default
  +              tr
  +                th: code h4
  +                td(data-bool="1") <code>italic</code>
  +                td(data-bool="0") default
  +                td(data-bool="0") default
  +                td(data-bool="0") default
  +              tr
  +                th: code h5
  +                td(data-bool="1") <code>italic</code>
  +                td(data-bool="0") default
  +                td(data-bool="1") <code>400</code>
  +                td(data-bool="1") <code>@color_h_minor</code>
  +              tr
  +                th: code h6
  +                td(data-bool="1") <code>italic</code>
  +                td(data-bool="1") <code>small-caps</code>
  +                td(data-bool="1") <code>400</code>
  +                td(data-bool="0") default
  +      section
  +        h2 Grouping Content
  +        section#paragraphs
  +          h3 Paragraphs
  +          figure
  +            p.
  +              A <code>p</code> Element represents a generic paragraph.
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 Aliquam sagittis suscipit nunc, a cursus libero euismod at.
                 Nulla placerat neque massa, quis interdum leo efficitur vel.
  
positive.code:               Suspendisse sit amet fermentum sapien.
                Aliquam luctus laoreet iaculis.
                Proin lacinia orci vitae tellus pellentesque porttitor.
              </p>
              <h4>Heading 4</h4>
              <p lang="la">
                Aenean consectetur suscipit urna, non vehicula lacus blandit et.
                Integer at lacus et diam tristique suscipit.
                Ut cursus massa sit amet nisl convallis, elementum accumsan sapien mattis.
  
negative.code:   body.o-GoldenContainer
      main.o-GoldenContainer__Content
        h1 Typography
        section
          h2 Sections
          section#headings
            h3 Headings
            p Headings are represented by <code>h1</code>&ndash;<code>h6</code> Elements.
            figure
              h1 Heading 1
              p(lang="la").
                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                Aliquam sagittis suscipit nunc, a cursus libero euismod at.
                Nulla placerat neque massa, quis interdum leo efficitur vel.
  