fonts/ahem.css" />
<style>
  #inline-grid {
    display: inline-grid;
    font: 100px/1 Ahem;
  }

  #test-item-overlapping-green {
    color: green;
    z-index: -5;
  }

  #reference-item-overlapped-red {
    color: red;
    z-index: -10;
  }

  .first-row-first-column {
    grid-area: 1 / 1;
  }
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>

<div id="inline-grid">
  <div id="test-item-overlapping-green" class="first-row-first-column">G</div>
  <div id="referen