/* ---- ENTRÉE DE CHAPITRES ------ */

.chapter-header {
  position: relative;
  margin-top: calc(var(--baseline)*-2.5 - 3px);
  width: calc(100% + 4px);
  /* un mot long (ex. "vidéosurveillance") en majuscules peut dépasser
     la colonne réduite d'un téléphone étroit : on autorise la coupure
     plutôt que de le laisser déborder, tronqué, hors du cadre. */
  overflow-wrap: break-word;
}

.chapter-header .chap-type{
  font-family: var(--fontTitle);
  font-size: var(--fs-infos);
  text-align: center;
  text-transform: uppercase;
}

.chapter-header .chap-type__symbol{
  letter-spacing: var(--sign-spacing);
  font-family: var(--sign-family);
  line-height: var(--sign-baseline);
  padding-right: 0.5ch;
  white-space: nowrap;

}

.chap-id {
  font-size: var(--fs-infos);
  letter-spacing: 0.001rem;
  font-family: var(--sign-family);
  line-height: 1.2;
  text-align: center;
  margin-bottom: calc(var(--baseline)*2);
  letter-spacing: 0!important;

}

.chap-id span {
  text-transform: uppercase;
}


.chapter-header h1,
.chapter-header .author {
  font-family: var(--fontTitle);
  font-size: var(--fs-title);
  line-height: calc(var(--sign-baseline)*1.5);
  font-weight: normal;
  text-align: center;
  margin-right: calc(var(--unit)*0.5);
  margin-left: calc(var(--unit)*0.5);
}


.chapter-header h1 {
  padding-top: 12px;
  text-transform: uppercase;
}

.chapter-header h1::after {
  content: "/";
  display: block;


}


.chap-description,
.cluster-infos {
  text-transform: uppercase;
  font-size: var(--fs-infos);
  letter-spacing: 0.001rem!important;
  font-family: var(--sign-family);
  line-height: 1.2;
  text-align: center;
  margin-right: calc(var(--unit)*1);
  margin-left: calc(var(--unit)*1);
}


.cluster-infos {
  padding-top: 7px;
  margin-top: calc(var(--baseline)*1.5);
}

.cluster-infos::before {
  content: " / ";
  display: block;
  max-width: 1ch;
  margin-inline: auto;
  padding-bottom: 5px;
  display: none;
}


.chap-description::before {
  content: " / ";
  display: block;
  padding-bottom: 2px;
}


.cluster-infos span:not(:first-child)::before {
  content: ' . ';
}

.chapter-header::after {
  content: " / /";
  display: block;
  margin-inline: auto;
  padding-top: 2px;
  font-size: var(--fs-infos);
  letter-spacing: 0.001rem;
  font-family: var(--sign-family);
  line-height: 1.2;
  text-align: center;
}


.chapter-content {
  /* break-before: page;
  display: none; */
  margin-top: calc(var(--baseline)*5);
}