.chapter p{
    text-align: justify;
    hyphens: auto;
    hyphenate-limit-chars: 8 3;
    position: relative;
    orphans: 2;
    hyphens: 2;


  
}

.container-float-note + p,
p + p{
    text-indent: 3ch;
    position: relative;
    /* text-indent: -6ch; */
 
}

p::before{
 /* content: ">";
 position: absolute;
 left: 0;
 font-family: var(--mono);
 font-weight: normal;
 font-size: var(--fs-nav); */

 /* display: block;
 width: var(--unit);
 height: var(--unit);
 background-color: var(--grey);
 top: 2px;
 display: flex;
 align-items: center; */
 /* justify-content: center; */
}





h3, h4{
    break-after: avoid;
}
h3, h4{
    font-weight: normal;
    /* font-size: 14px; */
    font-family: var(--font-subtitle);
  /* font-family: var(--font-subtitle);
  font-size: var(--fs-subtitle);
  background-color: var(--grey);
  font-size: var(--fs-nav);
  line-height: 1;
  padding: 4px 1ch;
  min-height: var(--unit);
  margin-top: calc(var(--baseline)*1.5);
   margin-bottom: calc(var(--baseline)*0.5);
  font-weight: normal; */
  /* padding-left: 1.5ch; */
   margin-top: calc(var(--baseline)*1.5);
    margin-bottom: calc(var(--baseline)*0.5);
    /* padding-left: 30%; */

    max-width: 26ch;
    text-align: center;
}

h3::before,
h3::after{
    /* content: "+------------------------------------------------+";
    display: block;
        position: relative;
    left: -1.5ch;
    width: calc(100% + 1.5ch); */
}



h4{
    border: var(--border-grey);
    background: none;
}

blockquote p{
    /* font-family: var(--mono); */
}

blockquote{
    padding-left: 3ch;
    /* font-style: italic; */

    margin-top: calc(var(--baseline)*0.5);
    margin-bottom: calc(var(--baseline)*0.5);
     
       
}

blockquote::before{
    content: "> > > > > > > > > >";
    display: block;
    width: 1ch;
    position: absolute;
    left: 0;
    font-family: var(--mono);
    font-size: var(--fs-nav);
    font-style: normal;
}




.chapter > :first-child{
    margin-top: 0px;
}




.pagedjs_area{
    position: relative;
}