class="hljs-string">"#111111"</span>,
          <span class="hljs-attr">"background"</span>: <span class="hljs-string">"#eeeeee"</span>
        }
      }
    }
  }
  </code></pre>
  </aside>

  <section id="benefits-of-composite-types-over-groups"><div class="header-wrapper"><h3 id="x9-1-benefits-of-composite-types-over-groups"><bdi class="secno">9.1 </bdi>Benefits of composite types over groups</h3><a class="self-link" href="#benefits-of-composite-types-over-groups" aria-label="Permalink for Section 9.1"><