anchor.diff:            h3 Interactive Example
             form.o-FlexContainer
               p.
  -              Check the radio buttons to add/remove classes to the <code>pre</code> Element below,
  +              Check the radio buttons to add/remove classes to the #[code pre] Element below,
                 which will change its color theme.
               fieldset(class="!w:1o3")
                 legend Backgrounds
                 ul
                   li
  -                  input#check-t-bg-sol-lite(type="radio" name="bg" value="t-bg-sol-lite")
  +                  input#check-t-bg-sol-lite(type="radio", name="bg", value="t-bg-sol-lite")
                     label(for="check-t-bg-sol-lite") t-bg-sol-lite
                   li
  -                  input#check-t-bg-sol-dark(type="radio" name="bg" value="t-bg-sol-dark")
  +                  input#check-t-bg-sol-dark(type="radio", name="bg", value="t-bg-sol-dark")
                     label(for="check-t-bg-sol-dark") t-bg-sol-dark
                   li
  -                  input#check-t-bg-lun-lite(type="radio" name="bg" value="t-bg-lun-lite" checked="")
  +                  input#check-t-bg-lun-lite(type="radio", name="bg", value="t-bg-lun-lite", checked="")
                     label(for="check-t-bg-lun-lite") t-bg-lun-lite (default)
                   li
  -                  input#check-t-bg-lun-dark(type="radio" name="bg" value="t-bg-lun-dark")
  +                  input#check-t-bg-lun-dark(type="radio", name="bg", value="t-bg-lun-dark")
                     label(for="check-t-bg-lun-dark") t-bg-lun-dark
               fieldset(class="!w:1o3")
                 legend Foregrounds
                 ul
                   li
  -                  input#check-t-fg-sol-lite(type="radio" name="fg" value="t-fg-sol-lite" checked="")
  +                  input#check-t-fg-sol-lite(type="radio", name="fg", value="t-fg-sol-lite", checked="")
                     label(for="check-t-fg-sol-lite") t-fg-sol-lite (default)
                   li
  -                  input#check-t-fg-sol-dark(type="radio" name="fg" value="t-fg-sol-dark")
  +                  input#check-t-fg-sol-dark(type="radio", name="fg", value="t-fg-sol-dark")
                     label(for="check-t-fg-sol-dark") t-fg-sol-dark
                   li
  -                  input#check-t-fg-lun-lite(type="radio" name="fg" value="t-fg-lun-lite")
  +                  input#check-t-fg-lun-lite(type="radio", name="fg", value="t-fg-lun-lite")
                     label(for="check-t-fg-lun-lite") t-fg-lun-lite
                   li
  -                  input#check-t-fg-lun-dark(type="radio" name="fg" value="t-fg-lun-dark")
  +                  input#check-t-fg-lun-dark(type="radio", name="fg", value="t-fg-lun-dark")
                     label(for="check-t-fg-lun-dark") t-fg-lun-dark
               fieldset(class="!w:1o3")
                 legend Accents
                 ul
                   li
  -                  input#check-default(type="radio" name="ac" value="" checked="")
  +                  input#check-default(type="radio", name="ac", value="", checked="")
                     label(for="check-default") none (default)
                   li
  -                  input#check-t-ac-sol(type="radio" name="ac" value="t-ac-sol")
  +                  input#check-t-ac-sol(type="radio", name="ac", value="t-ac-sol")
                     label(for="check-t-ac-sol") t-ac-sol
                   li
  -                  input#check-t-ac-lun(type="radio" name="ac" value="t-ac-lun")
  +                  input#check-t-ac-lun(type="radio", name="ac", value="t-ac-lun")
                     label(for="check-t-ac-lun") t-ac-lun
               input#reset-pre(type="reset")
             pre#syntax-example.
  
positive.code:             thick/thin transition, vertical stress, and straight horizontal serifs. With a cold yet
              elegant look, this font family makes long spans of text
              hard to read, but that&rsquo;s okay because this font is used only for short expressions.
              Suggested typefaces include <b>Didot</b>, <b>Bodoni 72</b>, <b>Times</b>.
            figure.crossgrid-lined: p The quick brown fox jumps over the lazy dog.
          section.this-c-FontDemo.u-ff_script(style="line-height: 3.0;")
            p.
              The script font-family is used for very fancy elements such as drop-caps and subheadings. Use
              this font family sparingly.
              Suggested typefaces include <b>Zapfino</b>.
            figure.crossgrid-lined: p The quick brown fox jumps over the lazy dog.
          footer
            ul.c-ListFootnotes
              li.
                <sup><a class="Fn" id="fn-baskerville" rel="this" href="#rf-baskerville">1</a></sup>
                <b>Baskerville</b>, though considered an <b>oldstyle</b> type, actually has
                a straight, vertical stress, which is typically a feature of <b>modern</b> types.
                However <b>Palatino</b> and <b>Cochin</b> indeed have diagonal stresses.
        section
          h2 Portal Color Scheme
          footer.
            This color scheme is based on the
            <a rel="external" href="http://www.thinkwithportals.com/"><cite>Portal</cite></a> video game series.
          section
            h3 Main Portal Colors
            dl.o-FlexContainer
  
negative.code:             dd.o-Box.ColorDescr.u-bgc_repulsion(class="!w:1o2 !xo:2")
                p.
                  Good news, you&rsquo;re not part of the control group; you get the gel.
                  Bad news, it does #[em not] like the human skeleton. Turns out you might
                  just break every bone in your legs anyway.
                ul
                  li code/kbd/samp on print
              dt.o-Box.ColorTitle.u-bgc_propulsion(class="!w:1o2 !xo:1") Propulsion Gel
              dd.o-Box.ColorDescr.u-bgc_propulsion(class="!w:1o2 !xo:2")
                p. #[i Forwarding] the cause of science.
                ul
                  li subheading text
          section
  