/* Separator Block */

.b-separator {
    width: 100%;
    max-width: min(calc(100% - 24/16*1rem * 2), var(--max-width--block));
    margin-inline: auto;
}

/* with context */
:where(.simple-layout) .b-separator,
:where(.post-layout) .b-separator {
    margin-block: calc(20/16*1rem);
    max-width: var(--max-width--block);
}
:where(.simple-layout) .b-separator:last-child,
:where(.post-layout) .b-separator:last-child {
    margin-bottom: 0;
}
@media screen and (min-width: 48em) {
    :where(.simple-layout) .b-separator,
    :where(.post-layout) .b-separator {
        margin-block: calc(10/16*1rem);
    }
}