anchor.diff:                Mauris eget mauris ut mauris auctor mattis id vel justo.
                 Nulla dictum arcu nec suscipit mollis.
                 Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.
  -            </p>
  -            <h2>Heading 2</h2>
  -            <p lang="la">
  +            h2 Heading 2
  +            p(lang="la").
                 Suspendisse ut auctor enim.
                 Aliquam viverra enim vitae ante aliquet venenatis.
                 Sed vel nibh sit amet sapien fermentum mattis nec non arcu.
  
positive.code:               In quis lectus in lectus interdum laoreet eu quis quam.
                Fusce auctor posuere purus, quis semper libero dignissim euismod.
                Curabitur commodo mauris a sapien vulputate, eget pharetra urna facilisis.
              </p>
              <h5>Heading 5</h5>
              <p lang="la">
                Donec finibus ut lectus finibus pellentesque.
                Nulla euismod feugiat nulla nec posuere.
                Sed ac est id sem sagittis rhoncus eu ac neque.
  
negative.code:               }
                <span class="c__Obj">Util</span>.<span class="c__Cmd">extend(<span class="c__Arg"><span class="c__Obj">TestSubject</span>, <span class="c__Obj">Person</span></span>)</span>; <small>// extends `TestSubject` from `Person`</small>
                <span class="c__Kwd">var</span> you = <span class="c__Opr">new</span> <span class="c__Cmd">TestSubject(<span class="c__Arg"><span class="c__Str">'Chell'</span>, <span class="c__Cst">true</span></span>)</span>; <small>// creates an instance of `TestSubject`</small>
          section#lists
            h3 Lists
            p The following is an <code>ol</code>.
            figure
              ol
                li ol &gt; li
                li ol &gt; li
                li ol &gt; li
            p The following is a <code>ul</code>.
            figure
              ul
                li ul &gt; li
                li ul &gt; li
                li ul &gt; li
            p The <code>dl</code> below has five groups:
            ol
              li The first  group has one <code>dt</code> and one <code>dd</code>.
              li The second group has two <code>dt</code>s and one <code>dd</code>.
              li The third  group has one <code>dt</code> and two <code>dd</code>s.
              li The fourth group has one <code>dt</code> and one <code>dd</code>, with its <code>dt</code> containing a <code>ul</code> with two <code>li</code>s.
              li The fifth  group has one <code>dt</code> and one <code>dd</code>, with its <code>dd</code> containing a <code>ul</code> with two <code>li</code>s.
            figure
              dl
                dt dl &gt; dt
                dd dl &gt; dd
                dt dl &gt; dt
                dt dl &gt; dt
                dd dl &gt; dd
                dt dl &gt; dt
                dd dl &gt; dd
                dd dl &gt; dd
                dt: ul
                  li dl &gt; dt &gt;&gt; li
                  li dl &gt; dt &gt;&gt; li
                dd dl &gt; dd
                dt dl &gt; dt
                dd: ul
                  li dl &gt; dd &gt;&gt; li
                  li dl &gt; dd &gt;&gt; li
          section#tables
            h3 Tables
            p An unclassed table is shown below.
            figure
              table
                caption.
                  <strong>This is a <code>caption &gt; strong</code>.</strong>
                  It usually contains the table&rsquo;s title
                  (<i lang="la"><abbr title="exampli gratia">e.g.</abbr></i>, <i>Table&nbsp;1</i>).
                  This is the rest of the <code>table &gt; caption</code>.
                thead
                  tr
                    th Header Row 1 Heading 1
                    th Header Row 1 Heading 2
                    th Header Row 1 Heading 3
                  tr
                    td Header Row 2 Cell 1
                    td Header Row 2 Cell 2
                    td Header Row 2 Cell 3
                tfoot
                  tr
                    th Footer Row 1 Heading 1
                    th Footer Row 1 Heading 2
                    th Footer Row 1 Heading 3
                  tr
                    td Footer Row 2 Cell 1
                    td Footer Row 2 Cell 2
                    td Footer Row 2 Cell 3
                tbody
                  tr
                    td Body Row 1 Cell 1
                    td Body Row 1 Cell 2
                    td Body Row 1 Cell 3
                  tr
                    td Body Row 2 Cell 1
                    td Body Row 2 Cell 2
                    td Body Row 2 Cell 3
                  tr
                    td Body Row 3 Cell 1
                    td Body Row 3 Cell 2
                    td Body Row 3 Cell 3
                  tr
                    td Body Row 4 Cell 1
                    td Body Row 4 Cell 2
                    td Body Row 4 Cell 3
                  tr
                    td Body Row 5 Cell 1
                    td Body Row 5 Cell 2
                    td Body Row 5 Cell 3
        section#text-level
          h2 Text-Level Semantics
          p.
            The primary method of marking up text-level semantics should be
            traditional punctuation. After that, use HTML Elements.
            <a href="../../blog/semantic-punctuation.html">Read more on using traditional punctuation to indicate text-level semantics.</a>
          section#links
            h3 Hyperlinks
            ul
              li: a a
              li: a(href="#links") a[href]
              li: a(rel="external") a[rel=&quot;external&quot;]
              li: a(href="http://www.example.com/", rel="external") a[href][rel=&quot;external&quot;]
          section#stress
            h3 Stressed Text
            dl.o-FlexContainer.
              #[dt.u-w_p3: code em]      #[dd.u-w_p3c: em emphasized text]
              #[dt.u-w_p3: code strong]  #[dd.u-w_p3c: strong important text]
              #[dt.u-w_p3: code i]       #[dd.u-w_p3c: i alternate voice (scare quotes, mentions, #[i(lang="la"): abbr(title="et cetera") etc.])]
              #[dt.u-w_p3: code i[lang]] #[dd.u-w_p3c: i(lang="en") common expression or term in a foreign language]
              #[dt.u-w_p3: code mark]    #[dd.u-w_p3c: mark relevant in a certain context]
              #[dt.u-w_p3: code u]       #[dd.u-w_p3c: u in an example, text to which attention should be brought]
              #[dt.u-w_p3: code small]   #[dd.u-w_p3c: small side comments]
              #[dt.u-w_p3: code s]       #[dd.u-w_p3c: s text shown to be no longer relevant]
          section#documentation
            h3 Documentation
            dl.o-FlexContainer.
              #[dt.u-w_p3: code ins]  #[dd.u-w_p3c: ins text inserted into a document]
              #[dt.u-w_p3: code del]  #[dd.u-w_p3c: del text deleted from a document]
              #[dt.u-w_p3: code dfn]  #[dd.u-w_p3c: dfn definining instance of a term]
              #[dt.u-w_p3: code b]    #[dd.u-w_p3c: b keyword or technical term]
              #[dt.u-w_p3: code var]  #[dd.u-w_p3c: var variable]
              #[dt.u-w_p3: code q]    #[dd.u-w_p3c: q quoted material (fictional or non-fictional)]
              #[dt.u-w_p3: code cite] #[dd.u-w_p3c: cite reference to a work or part of a work]
              #[dt.u-w_p3: code sup]  #[dd.u-w_p3c: sup superscript]
              #[dt.u-w_p3: code sub]  #[dd.u-w_p3c: sub subscript]
          section#data
            h3 Data
            dl.o-FlexContainer.
              #[dt.u-w_p3: code abbr[title]]  #[dd.u-w_p3c: abbr(title="") abbreviation]
              #[dt.u-w_p3: code data]         #[dd.u-w_p3c: data machine-readable data]
              #[dt.u-w_p3: code time]         #[dd.u-w_p3c: time a date or time]
              #[dt.u-w_p3: code code]         #[dd.u-w_p3c: code a fragment of code]
              #[dt.u-w_p3: code kbd]          #[dd.u-w_p3c: kbd user input]
              #[dt.u-w_p3: code kbd &gt; kbd] #[dd.u-w_p3c: kbd a #[kbd button] or #[kbd key] on a physical device]
              #[dt.u-w_p3: code samp]         #[dd.u-w_p3c: samp sample computer output]
      nav.Bc
        ol.Anc
          li: a.Crumb(rel="top"    href="../../index.html   ") Home
  