/* ------- TABLE OF CONTENTS --------- */
.toc{
  break-before: right;
  font-family: var(--fontTitle);
  text-align: left;
  font-size: var(--font-size);
  page: toc;
}

@page toc{
  margin-top: 10mm;
  margin-bottom: 10mm;
  @top-left { content: none;}
  @top-left-corner { content: none;}
  @top-right { content: none; }
  @top-center { content: none;}
  @bottom-center { content: none; }
  @bottom-right-corner { content: none; }
}

.toc h2{
  font-size: var(--fs-title);
  font-family: var(--fontTitle);
  /* margin-left: calc(var(--unit)*1); */
  text-align: center;
  /* margin-bottom: calc(var(--baseline)*2); */
}

.toc h2::after{
  content: "/ / / /";
  display: block;
  font-size: var(--sign-size);
  color: var(--sign-color);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: calc(var(--sign-baseline) * 1);
  max-width: 1ch;
  margin-top: 0.5rem;
  /* margin-bottom: 0.5rem; */
  margin-inline: auto;
}


#list-toc-generated a{
  display: block;
  text-decoration: none;
 margin-left: calc(var(--unit)*1);
  width: calc(100% - var(--unit));
  position: relative;
}

#list-toc-generated .toc-element a::before{
  content: target-counter(attr(href), page);
  position: absolute;
  left: calc(var(--unit)*-1);
  top: calc(var(--baseline)*1.5 + 1px);
  text-align: left;
}




#list-toc-generated li .toc-title,
#list-toc-generated li .toc-author, 
#list-toc-generated li .toc-type{
  display: block;
}

#list-toc-generated li{
  break-inside: avoid;
  margin-bottom: calc(var(--baseline)*1);
}

#list-toc-generated li .toc-type{
  margin-bottom: calc(var(--baseline)*0.5);
  position: relative;
}

#list-toc-generated li .toc-title{
  display: block;
  text-transform: uppercase;
    margin-bottom: calc(var(--baseline)*0.25);
}




.toc-type-symbole_before,
.toc-type-symbole_after{
    font-size: var(--sign-size);
    color: var(--sign-color);
    letter-spacing: var(--sign-spacing);
    font-family: var(--sign-family);
    line-height: calc(var(--sign-baseline) * 1);

}

.toc-type-symbole_before{
  padding-left: 4px;
  padding-right: 4px;
}

.toc-type .text{
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.9em;

}


.toc-type{
  white-space: nowrap;
  margin-left: calc(var(--unit)*-1);
}

.toc-type::before{
  content: "////";
      font-size: var(--sign-size);
     letter-spacing: var(--sign-spacing);
    font-family: var(--sign-family);
    line-height: calc(var(--sign-baseline) * 1);

}

[data-toc-chapter="entretien"]::after,
[data-toc-chapter="portfolio"]::after{
   content: " /////////////////";
      left: -6px;
}

[data-toc-chapter="essai"]::after{
   content: " ///////////////////";
      left: -6px;
}
.toc-type::after{
  font-size: var(--sign-size);
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: calc(var(--sign-baseline) * 1);
  position: relative;
}