<!DOCTYPE html>
<link rel="stylesheet" href="test-common.css">
<style type="text/css">
  @counter-style a {
    /* system: symbolic; */
    symbols: '*' \2051  \2020  \2021;
    suffix: '';
  }
  @counter-style b {
    symbols: \10300;
  }
  @counter-style c {
    system: additive;
    additive-symbols: 6 \2685, 5 \2684, 4 \2683, 3 \2682, 2 \2681, 1 \2680;
    suffix: "";
  }
  @counter-style d {
    system: additive;
    additive-symbols: 1 \10300;
  }
</style>
<ol style="list-style-type: a">
  <li value="1000"><!-- too long -->
</ol>
<ol style="list-style-type: b">
  <li value="100"><!-- too long -->
</ol>
<ol style="list-style-type: c">
  <li value="1000"><!-- too long -->
</ol>
<ol style="list-style-type: d">
  <li value="100"><!-- too long -->
</ol>