Оглавление в доме Антенны - проблема форматирования CSS

Question

У меня есть оглавление, которое должно отображаться, как показано ниже (это был вывод, который я использовал, используя Antenna House (пробная версия) 6.3.

(Номера страниц должны начинаться с заданного расстояния с левой стороны страницы.)

После недавнего обновления до AH 6.6 вывод теперь неверен; при форматировании получаю:

Тогда наконец:

(Извините за жирный текст)

Кажется, что начальные 0 меняют выравнивание. Содержание является частью вводной страницы, которая, я думаю, является причиной того, что у него нет нуля с самого начала.

Код, который у меня есть для этого:

li[class*='tab-']{
    width: attr(data-tab);
}
li[class*='tab-']::before{
    padding-left: calc(1em * attr(data-cptlv));
}
li[class*='tab-']::after{
    content: '(' attr(data-dict-pgct) ' ' target-counter(attr(data-ref),page) ')';      
    float: right;
}

Для этого оглавления атрибуты data-tab и data-dict-page одинаковы для всех элементов списка (40% и "page" соответственно). Смотрите HTML ниже:

<p class="">For this document the simplified Table of Contents looks like this:</p>
<ul class="tab-40">
  <li class="tab-40" data-cptlv="1" data-chptno="1" data-dict-pgct="page"
      data-xmlno="X00355088"
      data-ref="#X00355088"
      data-tab="40%">
     <a href="#X00355088" class="tab-40" title="Introduction"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="2" data-dict-pgct="page"
      data-xmlno="X00355092"
      data-ref="#X00355092"
      data-tab="40%">
     <a href="#X00355092" class="tab-40" title="Preparation"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="3" data-dict-pgct="page"
      data-xmlno="X00355111"
      data-ref="#X00355111"
      data-tab="40%">
     <a href="#X00355111" class="tab-40" title="Tasks"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="4" data-dict-pgct="page"
      data-xmlno="X00355100"
      data-ref="#X00355100"
      data-tab="40%">
     <a href="#X00355100" class="tab-40" title="Finalization"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="5" data-dict-pgct="page"
      data-xmlno="X00355103"
      data-ref="#X00355103"
      data-tab="40%">
     <a href="#X00355103" class="tab-40" title="Reference documents"/>
  </li>
  <li class="tab-40" data-cptlv="1" data-chptno="6" data-dict-pgct="page"
      data-xmlno="X00355389"
      data-ref="#X00355389"
      data-tab="40%">
     <a href="#X00355389" class="tab-40" title="Table of Contents"/>
  </li>

Как я могу обойти это?