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{
    font-family: var(--font-serif);
    padding-left: calc(var(--indent)*1);
        padding-right: calc(var(--indent)*1);
    // font-size: var(--fs-small);
    margin-top: calc(var(--baseline)*0.5);
    margin-bottom: calc(var(--baseline)*0.5);
    font-size: 12px;
    color: #343434;
    
    
}

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



.these{
    // color: red;
    // font-family: var(--font-title);    
    margin-bottom: calc(var(--baseline)*1);
    border-left: 4px solid #efefef;
    box-decoration-break: clone;
    padding-left: calc(var(--indent)*0.5);
}


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

    position: absolute;
    left: 0px;

    display: flex;
    gap: 0.25ch;

    &::after{
        content: attr(start);
        // font-family: var(--font-title);
        // font-weight: 500;
        font-size: var(--fs-small); 
        color: #999; 

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

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

    li::before{
        font-size: var(--fs-small); 
        content: "¶";
        color: #d7d7d7;
        position: relative;
        top: -1px;
    }

                                                                                                                 
   
}