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

                                                                                                                                                      

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

    position: absolute;
    left: calc(var(--indent)*-3);
    &::before{
        content: attr(start);
        font-family: var(--font-sans);
        // font-weight: 200;
        font-size: 0.6rem; 
        color: #999; 
        display: block;
        padding: 0px 2px;
        border: 1px solid #efefef;

        min-width: 1.5ch;
        display: flex;
        justify-content: center;
    }

                                                                                                                 
   
}

.pagedjs_left_page{
    ol[type="1"] {
        left: inherit;
        right: calc(var(--indent)*-3);
    }
}

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



blockquote{
    padding-left: var(--indent);
    margin-top: calc(var(--baseline)*1);
    margin-bottom: calc(var(--baseline)*1);
    
    p{
        font-style: italic;
        em{
            font-style: normal;
        }
    }


    u{
          font-variant: small-caps;
          text-decoration: none;
    }
    
}

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



.these{
    &::before{
        content: "---"
    }
    &::after{
        content: "---";
    }
    &::before, &::after{
        display: flex;
        // width: 3ch;
        justify-content: center;
    }

}