Александр Присяжнюк

А ничего что вы лишкам задаёте display: block; и при этом хотите чтобы они отображались с маркером?
По стандарту лишки имеют display: list-item;. Так и ставьте его а не block.

А по поводу display: none; и visibility: hidden; - можно использовать еще вот такую конструкцию, так контент который скрыт визуально будет доступен для читалок.

.cd-tabs li:not(.cd-selected):not(.marker) {
  /*ниже паттерн visually-hidden*/
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  clip-path: inset(50%);
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  overflow: hidden;
}

.cd-tabs li.cd-selected {
  display: list-item;
}

.marker li {
  display: list-item;
  list-style: disc;
}

Задайте body класс page--inner. И за каскадом переопределяйте стили.

Используйте паттерн visually-hidden:

.visually-hidden {
  /* Удаляем элемент из потока документа */
  position: absolute;
  /* Временное решение для неверно произносимого, размазанного текста */
  white-space: nowrap;
  /* Устанавливаем минимально возможный размер (некоторые скринридеры игнорируют элементы с нулевой высотой и шириной) */
  width: 1px;
  height: 1px;
  /* Скрываем вылезающий за границы контент */
  overflow: hidden;
  /* Сбрасываем любые свойства, которые могут повлиять на размер элемента */
  border: 0;
  padding: 0;
  /* Вырезаем ту часть контента, которая должна отображаться. */
  /* Устаревшее свойство clip для старых браузеров */
  clip: rect(0 0 0 0);
  /* clip-path для новых браузеров. inset(50%) определяет область вставки, которая позволит контенту исчезнуть.  */
  clip-path: inset(50%); 
    /* Похоже, никто до конца не понимает, почему тут margin: -1px. Кроме того, это приводит к проблемам (читай: https://github.com/h5bp/html5-boilerplate/issues/1985). */
  margin: -1px;
}

transform: rotate(180deg)