<div id='speed-range-table'>
  <div class='header'>Speed/Range Table</div>
  <div id='range-table' style='--count: {{ranges.length}}'>
    <div class='label'>Measure (yd)</div>
    {{#each ranges}}
      <div class='label'>{{this.max}}</div>
    {{/each}}
    <div class='label'>Modifier</div>
    {{#each ranges}}
      <div class='label {{gmod this}}' data-name='{{this.moddesc}}'>
        {{{displayNumber this.penalty}}}
      </div>
    {{/each}}
  </div>
</div>