.post-tax {
    container: terms /inline-size;
}

@container terms (min-width: 48rem) {
    .post-tax>div>div>.wp-block-post-terms {
        justify-content: center;
    }
}


.blog-post-header {
    container: blog-header /inline-size;
}

/* .blog-post-header h1 {
    font-size: var(--fs-5);
} */

.blog-post-header>div:first-child {
    position: relative;
    inline-size: 92%;
    max-inline-size: var(--mw-lg);
}

.blog-post-header h1 {
    font-size: var(--fs-5);
    position: relative;
    background: var(--c-sheet);
    padding: var(--s-sm) var(--s-sm) 0 0;
    padding-block-end: 0;
    margin-block-start: -2.5rem;
    border-inline-end: 1px solid var(--c-frame);
    border-block-start: 1px solid var(--c-frame);
}

.blog-post-header>div:first-child::before {
    position: absolute;
    content: '';
    display: block;
    block-size: var(--s-xl);
    inline-size: calc(100% + calc(2* var(--s-xs)));
    top: calc(-1* var(--s-xs) - 1px);
    left: calc(-1* var(--s-xs));
    background: var(--c-sheet);
}

@container blog-header (min-width: 36rem) {
    /* .blog-post-header h1 {
        font-size: var(--fs-6);
    } */
}


@container blog-header (min-width: 48rem) {
    .blog-post-header h1 {
        /* font-size: var(--fs-7); */
        text-align: center;
    }

    .blog-post-header>div:first-child {
        position: relative;
        inline-size: var(--w-content);
        max-inline-size: var(--mw-xl);
        margin-inline: auto;
    }

    .blog-post-header h1 {
        /* inline-size: var(--w-content);
        margin-inline: auto; */
        padding-inline-start: var(--s-md);
        border: 1px solid var(--c-frame);
        border-block-end: none;
    }

    .blog-post-header>div:nth-child(2) {
        text-align: center;
    }
}