anchor.diff:              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>.
  +            Suggested typefaces include #[b Didot], #[b Bodoni 72], #[b Times].
             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>.
  +            Suggested typefaces include #[b Zapfino].
             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.
  +              #[sup: a.Fn#fn-baskerville(rel="this", href="#rf-baskerville") 1]
  +              #[b Baskerville], though considered an #[b oldstyle] type, actually has
  +              a straight, vertical stress, which is typically a feature of #[b modern] types.
  +              However #[b Palatino] and #[b Cochin] 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.
  +          #[a(rel="external", href="http://www.thinkwithportals.com/"): cite Portal] video game series.
           section
             h3 Main Portal Colors
             dl.o-FlexContainer
  
positive.code:               ul
                  li HTML attribute names
                  li CSS property names
                  li pre-defined keywords and types (<code>var</code>, <code>function</code>, <code>int</code>, <code>class</code>)
              dt.o-Box.ColorTitle(class="!w:1o2 !xo:6 !bc:sv") Solarized Violet
              dd.o-Box.ColorDescr(class="!w:1o2 !xo:7 !bc:sv")
                ul
  
negative.code:             dt.o-Box.ColorTitle.u-bgc_lakesuperior(class="!w:1o2 !xo:1").h-darkbg Lake Superior
              dd.o-Box.ColorDescr.u-bgc_lakesuperior(class="!w:1o2 !xo:2").h-darkbg
                p.
                  This Great Lake borders #[a Ontonagon, MI], the location of the
                  Aperture Science Enrichment Center. A perfect fit for superior headings on
                  a page.
                ul
  