.block-paragraph{
    container: paragraph / inline-size;
    &:not([class*="spacing-"]){
        @apply mb-sm md:mb-base;
    }
    p{
        @apply text-size-base;
        &:first-child:last-child{
            @apply mb-0;
        }
        &:last-child{
            @apply mb-0;
        }
    }
    ul, ol{
        @apply ml-3 mb-sm;
    }
    ol{
        counter-reset: item;
        @apply list-none ml-0;
        li{
            counter-increment: item;
            @apply pl-0 inline-flex w-full;
            &::before{
                content: counter(item) " ";
                margin-right: 20px;
                width: 30px;
                display: inline-block;
                @apply shrink-0;
            }
        }
    }
    ul{
        list-style-type: "—";
        li{
            @apply pl-9;
        }
    }
    &--lg{
        p{
            @apply md:max-xl:max-w-3xl xl:text-size-md;
        }
    }
    &--xl{
        p{
            @apply md:max-xl:max-w-3xl xl:max-w-[90%] md:text-size-md xl:text-size-lg;
        }
    }
    &--1col{
        > *{
            @screen lg{
                width: calc(50% - var(--grid-gutter)) !important;
            }
        }
    }
}

/* @container paragraph (min-width: 80rem){
    .block-paragraph p{
        @apply w-3/4;
    }
} */