                  <div class="grid ch12">
                            <div><span class="pill surf-s">.mh-18</span></div>
                            <div><span class="pill surf-s">.mh-18-ls</span></div>
                        </div>
                    </div>
                </section>

                <!-- Surface Hierarchy & Color System -->
                <section>
                    <h2>Surface Hierarchy & Color System</h2>
                    <div>
                        OmniCSS defines four surfac