anchor.diff:            or CSS bloat? Every time the user loads a new page, all that markup is downloaded,
             every time, whereas hopefully your stylesheet will have been downloaded only once
             and then cached.
  -      section
  +      section.c-Document__Complete
           h2(class="!fs:i !fv:i !fw:i")
             b(class="!fw:9") class&middot;i&middot;tis
             |  (kl&aelig;s-a&#x026a;&apos;t&#x0258;s) 
  
positive.code:             p.
                However, classes I call #[i Atoms] are hardly that:
                these classes are #[em not] to be used as building blocks, rather, they are used as
                #[a trumps, in Harry Roberts words]. That is, these classes are end-all-be-all rules
                that always win, no matter what. Instead of living at the foundation of your codebase,
                they&rsquo;re right there at the very tippy top.
              p: small.
                Kind of like that card in the card game #[cite Cards Against Humanity],
                you know the one I&rsquo;m talking about, people call it
                #[i(title="The Biggest, Blackest, Dick") the trump card].
                Whenever you play it you basically automatically win. But I&rsquo;d prefer not to
                call these classes #[i trumps] due to a certain republican presidential candidate.
              p.
                Anyway, an Atom does one job and it does it very well. Each atom typically has
  
negative.code:     link(rel="stylesheet" href="../../styles/chharvey.css")
    body.o-GoldenContainer
      p(style="position:fixed;font-weight:bold;font-size:1.5rem;color:red;") WARNING: THIS DRAFT IS INCOMPLETE AND POSSIBLY EVEN INCORRECT. DO NOT CITE OR REFERENCE IT. IT WILL BE MERGED INTO ANOTHER DOCUMENT AND RELEASED AT A LATER TIME.
      main.o-GoldenContainer__Content.c-Document(data-status="draft" itemscope="" itemtype="https://schema.org/Article")
        header
          h1(itemprop="name headline") CSS Architecture
          p.o-GoldenContainer__Content__SideMinor.o-Box.o-Box--island.c-Alert.c-Alert--dang.
  