/* Обертка */
.ag-progress-toc-wrap{
  position: relative;
  background: #FFF;
  padding: 14px 16px;
  font-family: system-ui, -apple-system, "Noto Sans", Roboto, Inter, Arial, sans-serif;
  line-height: 1.4;
  text-decoration: none!important;
}

/* Скелетон до инициализации */
.ag-progtoc-skeleton{
  width: 100%;
  height: 60px;
  background: linear-gradient(90deg,#fff2e6 25%,#ffe8d4 37%,#fff2e6 63%);
  background-size: 400% 100%;
  border-radius: 8px;
  animation: agShimmer 1.2s ease-in-out infinite;
}
@keyframes agShimmer{
  0%{ background-position: 100% 0; }
  100%{ background-position: 0 0; }
}

/* Заголовок TOC */
.ag-progtoc-title{
  font-weight: 500;
  font-size: 36px;
  margin: 0 0 24px 0;
  color: #1A1A19;
}

/* Для планшетов (до 1024px ширины экрана) уменьшаем размер шрифта */
@media (max-width: 1024px){
  .ag-progtoc-title{
    font-size: 20px;
  }
}

/* Список */
.ag-progtoc-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Пункты */
.ag-progtoc-item{
  margin: 6px 0;
}

/* Ссылки — обычное состояние */
.ag-progtoc-link{
  color: #000000;          /* простой чёрный текст */
  text-decoration: none!important;   /* без подчёркивания */
  background: none;        /* без фона */
  font-weight: 500;
  font-size:16px;
}

@media (max-width: 1024px){
    .ag-progtoc-link{
        font-size:12px;
    }
}

/* Подсветка прогресса (текущая и все предыдущие) */
.ag-progtoc-item.done .ag-progtoc-link{
  color: #EE761C;          /* оранжевый текст */
  background: none;        /* никакого фона */
  font-weight: 400;
}

/* Ховер можно оставить нейтральным */
.ag-progtoc-link:hover{
  color: #000000;
}

/* Скрываем скелетон после инициализации */
.ag-progress-toc-wrap[data-ready="1"] .ag-progtoc-skeleton{ 
  display:none; 
}

/* Адаптив */
@media (max-width: 768px){
  .ag-progress-toc-wrap{ padding: 12px 12px; }
}