anchor.diff:      script(src="../scripts/global.js")
       script.
         var tables = $('#tabledemo1, #tabledemo2')
  -      $('#c-Table input').change(function () {
  +      $('#c-Table form input').change(function () {
           if (this.checked) { tables.addClass($(this).val()) }
           else              { tables.removeClass($(this).val()) }
         })
         $('#reset-tables').click(function () {
  -        $('#c-Table input').each(function () {
  +        $('#c-Table form input').each(function () {
             tables.removeClass($(this).val())
           })
         })
  
positive.code:               </dl>
              </article>
            </figure>
          </section>
        section#text-level.
          <h2>Text-Level Components</h2>
          <section id="c-Acro">
            <h3>The <code>.c-Acro</code> Component</h3>
            <p>Use <span class="c-Acro">ACROnym</span> for a generic acronym.</p>
            <p>Use <span class="c-Acro"><span class="c-Acro__First">A</span>CROnym</span> for
              an acronym that begins a paragraph, sentence, or list item.</p>
          </section>
        section#breadcrumbs.
          <h2>Breadcrumbs</h2>
          <p>Read <a rel="external"
            href="https://github.com/chharvey/chharvey.github.io/wiki/Breadcrumbs">my
            technical report on breadcrumbs</a> for more information.</p>
          <ol class="Anc">
            <li><a class="Crumb" rel="top"     >.Anc .Crumb[rel="top"]</a></li>
            <li><a class="Crumb" rel="ancestor">.Anc .Crumb[rel="ancestor"]</a></li>
            <li><a class="Crumb" rel="parent"  >.Anc .Crumb[rel="parent"]</a></li>
          </ol>
          <ol class="Sib">
            <li><a class="Crumb" rel="sibling">.Sib .Crumb[rel="sibling"]</a></li>
            <li><a class="Crumb" rel="this"   >.Sib .Crumb[rel="this"]</a></li>
            <li><a class="Crumb" rel="sibling">.Sib .Crumb[rel="sibling"]</a></li>
          </ol>
          <ol class="Child">
            <li><a class="Crumb" rel="child">.Child .Crumb[rel="child"]</a></li>
            <li><a class="Crumb" rel="child">.Child .Crumb[rel="child"]</a></li>
            <li><a class="Crumb" rel="child">.Child .Crumb[rel="child"]</a></li>
          </ol>
      nav.Bc
        ol.Anc
          li: a.Crumb(rel="top"    href="../../index.html   ") Home
  
negative.code:                 <code>.c-Document &gt;&gt; span.c-Document__Informative</code>.</span>
                It may be used on an Element with the <code>[data-informative]</code> attribute.</p>
            </article>
          section#c-Document__Meta.
            <h3>The <code>.c-Document__Meta</code> Subcomponent</h3>
            <p><code>.c-Document__Meta</code> marks up meta-information about a document.</p>
            <p>Read <a rel="external"
  