walter-boente_book-collection/css/modules/_text.scss

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)*-2);
    &::before{
        content: attr(start);
        font-family: var(--font-sans-txt);
        // font-weight: 200;
        font-size: 9px; 
        color: #999; 
        display: block;
        padding: 0px 2px;
        border: 1px solid #cfcfcf;

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

                                                                                                                 
   
}

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

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

    font-family: var(--font-sans-txt);
    font-size: var(--fs-small-q);
    line-height: calc(var(--baseline)*0.9);
    // font-weight: var(--w-title);


    .inline-note::after{
        font-family: var(--font);
        line-height: 0;
        font-size: var(--font-size)!important;
    }
    
    // p{
    //     font-style: italic;
    //     em{
    //         font-style: normal;
    //     }
    // }


    // u{
    //       font-variant: small-caps;
    //       text-decoration: none;
    // }
    
}
.these + ol + p,
blockquote + ol + p{ 
    text-indent: 0px; 
}



.these{
    // color: red;

    margin-bottom: var(--baseline);
    padding-left: var(--indent);
    border-left: 4px solid #efefef;

}