/*
 * Single-post migration layer.
 * These rules duplicate the legacy selectors in style.css while templates
 * transition to the btv- component namespace.
 */
 
.btv-single-post{
    background:#F5F2E8;
    max-width:1100px;
    margin:0 auto;
    padding:40px;
    border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,.08);
}

.btv-single-post-main{
    max-width:1000px;
}

.btv-single-post__title{
    font-size:28px;
    line-height:1.25;
    margin-bottom:25px;
    border-bottom:1px solid var(--border-color);
    padding-bottom:15px;
}

.btv-single-post__content{
    max-width:850px;
    margin:0 auto;
    font-size:18px;
    line-height:1.8;
}

.btv-single-post__content p,
.btv-single-post__content li,
.btv-single-post__content td,
.btv-single-post__content blockquote{
    font-size:inherit;
    line-height:inherit;
}

.btv-single-post img{
    border-radius:14px;
}

.btv-single-post__content img{
    margin:20px 0;
}

.btv-single-post__footer{
    display:none !important;
}

.btv-single-post__breadcrumbs{
    font-size:.9rem;
    margin-bottom:14px;
    color:#777;
}

.btv-single-post__breadcrumbs a{
    color:#6E7359;
    text-decoration:none;
}

.btv-single-post__breadcrumbs a:hover{
    text-decoration:underline;
}

.btv-single-post__breadcrumbs .separator{
    margin:0 6px;
}

.btv-single-post__meta{
    margin-top:30px;
}

.btv-single-post__meta::before{
    content:"";
    display:block;
    width:70px;
    height:2px;
    margin-bottom:10px;
    border-radius:2px;
    background:#d8d2bf;
}

.btv-single-post__meta p{
    margin:0;
    line-height:1.35;
}

@media (max-width:768px){

    .btv-single-post{
        background:transparent;
        padding:5px;
        border-radius:0;
        box-shadow:none;
    }

    .btv-single-post__content{
        font-size:18px;
        line-height:1.9;
    }

    .btv-single-post__title{
        font-size:32px;
        line-height:1.25;
    }

}