.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;
    // &::before{
    //     left: -19mm;
    // }
}

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

.inline-note{
    color: var(--green);
    // break-inside: avoid;

    float: left;
    clear: both;
    width: 50mm;
    text-align: left;
    hyphens: none;
    // font-size: 9px;
    // line-height: calc(var(--bseline)*0.75);

    // padding-top: calc(var(--baseline)*0.5);
    // padding-bottom: calc(var(--baseline)*0.5);
    margin-right: 1ch;
    margin-right: -20mm;
    position: relative;
    left: -25mm;
    text-align: right;

    font-family: var(--note);
    line-height: 1.2;

    

}
.pagedjs_floatnote_marker,
.pagedjs_floatnote_call{
    color: var(--green);
    font-weight: bold;
    padding-left: 0.25ch;
    line-height: 0;
    font-size: 9px;
    font-family: var(--font);
}


.pagedjs_floatnote_marker{
    // float: left;
    // position: absolute;
    // left: 0px;
    // display: block;
    text-align: left;
}


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;
}

.item-decor{
    font-family: var(--font);
    font-weight: 400;
    font-size: 12px;
    position: absolute;
    color: var(--green);
}

.pagedjs_left_page .item-decor{
     left: -30mm;
}

.pagedjs_right_page .item-decor{
     right: -20mm;
}