sup{
    line-height: 0;
}

hr{
    border: none;
    height: var(--baseline);
}

a{
    color: currentColor;
    text-decoration: none;
}

p{
    text-align: justify;
    orphans: 2;
    widows: 2;
}

p, li{
    hyphens: auto;
    hyphenate-limit-chars: 7 3 4;
    hyphenate-limit-lines: 2;
    hyphenate-limit-zone: 8%;
    word-spacing: -0.004em;
}

            


p + p,
ol[type="1"] + p{
    text-indent: calc(var(--indent)*0.5);
}



blockquote{

    padding-left: calc(var(--indent)*1);
    font-size: 9px;
    line-height: calc(var(--baseline)*0.75);
    margin-top: calc(var(--baseline)*0.5);
    margin-bottom: calc(var(--baseline)*0.5);
    
    
}

.these + ol + p,
blockquote + ol + p{ 
    text-indent: 0px; 
}



.these{

    font-family: var(--font-title);
    // color: red;
    
    margin-bottom: calc(var(--baseline)*1);

}


ol[type="1"]{
    list-style-type: none; 
    position: relative; 
    break-after: avoid;

    position: absolute;
    left: calc(var(--indent)*-1.5 - 0.5ch);

    &::before{
        content: attr(start);
        // font-family: var(--font-title);
        // font-weight: 500;
        font-size: 0.6rem; 
        color: #999; 

        display: block;
          height: var(--baseline);

        padding-right: 1ch;
        border-right: 1px solid #efefef;
    }

                                                                                                                 
   
}

     

// GRADATIONS


/*
ol[type="1"]{
    list-style-type: none; 
    position: relative; 
    break-after: avoid;

    position: absolute;
    left: calc(var(--indent)*-1.5 - 0.5ch);
    &::before{
        content: attr(start);
        font-family: var(--font-title);
        font-weight: 500;
        font-size: 0.6rem; 
        color: #999; 
        display: block;

        padding: 0px 2px;
        // border: 1px solid #efefef;
        min-width: 20px;
        justify-content: center;
    }

                                                                                                                 
   
}
.pagedjs_page_content::before{
    --color: #efefef;
    --size: 20px;
    content: "";
    display: block;
    height: 100%;
    width: var(--size);
    position: absolute;
    left: calc(var(--indent)*-1 - var(--size)); 
    background: linear-gradient(transparent 0%, transparent calc(var(--baseline) - 1px), var(--color) calc(var(--baseline) - 1px), var(--color) var(--baseline)), transparent;
    background-size: 100% var(--baseline);
    background-repeat: repeat-y;
    
}

*/