.chapter-nav ul{
  display: flex;
  font-family: var(--mono);
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: var(--gap);
  margin-bottom: var(--gap);
}

.chapter-nav ul li{
  background-color: var(--grey);
  font-size: var(--fs-nav);
  line-height: 1;
  padding: 4px 1ch;
}
.chapter-nav ul li.selected{
  border: var(--border-grey);
  background: none;
}


.chapter-header {
  /* break-after: page; */
  position: relative;
}



.chapter-header p {
  text-indent: 0px !important;
}


.chapter-header .h2-pattern {
  display: none;
  /* font-size: 58px;
  line-height: 0.8;

  color: var(--blue);
  margin-bottom: calc(var(--baseline)*1);
  text-align: left;
  font-weight: normal;

  color: var(--color);
  text-align: center;
  font-family: var(--font-decor);

  transform: scale(2);
  z-index: 0;
  position: absolute;
  top: 0; */


}



.chapter-header .type {
  font-family: var(--mono);
  font-size: var(--fs-nav);
  background-color: var(--grey);
  font-size: var(--fs-nav);
  line-height: 1;
  padding: 4px 1ch;
  height: var(--unit);
  margin-left: calc(var(--unit) + var(--gap));

}

.chapter-header .type::before{
  content: ">";
  display: block;
  width: var(--unit);
  height:   var(--unit);
  background-color: var(--grey);
  position: absolute;
  top: 0;
  left: calc((var(--unit) + var(--gap))*-1);
  display: flex;
  align-items: center;
  justify-content: center;
}



.chapter-header .hgroup{
  margin-top: var(--gap);
    border-left: var(--unit) solid var(--grey);
     border-left: var(--unit) solid var(--grey);
    padding-left:  var(--gap);


     display: flex;
     flex-direction: column;

}

.chapter-header h2 {
  font-family: 'Routed Gothic Wide';
  line-height: 1.2;
  font-size: 36px;
  font-weight: normal;
  text-align: center;
      padding-top: calc(var(--baseline)*1);
          padding-bottom: calc(var(--baseline)*1);

  
}


.chapter-header .author {

   background-color: black;
   color: white;

  font-family: var(--mono);
  font-size: var(--fs-nav);
  text-align: center;
 
  font-size: var(--fs-nav);
  line-height: 1;
  padding: 4px 1ch;
   font-weight: normal;

  height: var(--unit);
   margin-bottom: 0;

   /* display: inline-block;
   margin-inline: auto;
   margin-top: calc(var(--baseline)*1); */
 
}

.chapter-header  .bio{
  display: none;
}

.chapter-header{
   margin-bottom: calc(var(--baseline)*1);
}

.chapter-header:after{
  /* content: "";
  display: block;
  margin-top: var(--gap);


  border-top: 2px dashed var(--grey);

  margin-bottom: calc(var(--baseline)*1); */

}