.chapter{
    
    
    p{
    text-align: justify;
    hyphens: auto;
    position: relative;
    color: var(--blue);
 

    // &::before{
    //     content: '';
    //     display: inline-block;
    //     width: 8px;
    //     height: 8px;
    //     background-color: var(--blue);
    //     border-radius: 50%;
    //     margin-right: 1ch;
    // }
}

p + p{
    left: 14mm;
    text-indent: 7mm;
    // &::before{
    //     left: -19mm;
    // }
}

p + p + p{
  left: 7mm;
//    &::before{
//         left: -13mm;
//     }
}



h3{
    margin-top: calc(var(--baseline)*1.5);
    margin-bottom: calc(var(--baseline)*0.5);
    text-align: center;
    font-weight: normal;
    text-decoration: underline;
    font-family: var(--mono);
    text-transform: uppercase;
     color: var(--blue);
      max-width: 18ch;
      margin-inline: auto;

    //     &::before{
    //     content: '';
    //     display: block;
    //     width: 8px;
    //     height: 8px;
    //     border: 1px solid var(--blue);
    //     border-radius: 50%;
    //     margin-right: 1ch;
    //     position: relative;
    //     left: -2ch;
       
    // }
}

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

blockquote{
    position: relative;
    left: 14mm;
    p{
    font-size: 16px;
    line-height: calc(var(--baseline)*1.25);
    font-weight: 300;
    

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


& > :first-child{
    // background-color: red;
    margin-top: 0px;
}

}



// .inline-note{
//     background-color: #e5e5f7;
//     opacity: 0.8;
//     background-image: linear-gradient(0deg, white 50%, var(--green-light) 50%);
//     background-size: 16px 16px;
  
      

//     .body_note{
//         display: inline;
//         padding-right: 1ch;
//         background-color: white;
//         -webkit-box-decoration-break: clone;
//         box-decoration-break: clone;

//         position: relative;
//         top: -4px;
//     }
// }




// p + p .inline-note::after{
//     left: -19mm!important;
// }

// p + p + p .inline-note::after{
//   left: -12mm!important;
// }



.pagedjs_area{
    position: relative;
}