body{margin:0;font-family:Arial;background:#f8fafc}
.container{
    width:min(100%,750px);
    margin:auto;
    padding:0 16px;
}
.ts-post-card__thumb{

/* flex:0 0 280px; */

}
.ts-post-card__thumb img{

width:100%;

height:100%;

object-fit:cover;

display:block;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:Arial, Helvetica, sans-serif;

    font-size:16px;

    color:#111827;

    background:#f5f7fb;

    line-height:1.7;

}

img{

    max-width:100%;

    height:auto;

    display:block;

}

a{

    color:inherit;

    text-decoration:none;

}

.container{

    max-width:980px;

    margin:auto;

    padding:0 20px;

}


@media(max-width:992px){

.post-thumb{

    width:270px;

}

.post-content{

    padding:28px;

}

.post-title{

    font-size:22px;

}

}

@media(max-width:768px){

.header-inner{

    flex-direction:column;

    height:auto;

    padding:20px 0;

}

.main-menu{

    margin-top:18px;

    flex-wrap:wrap;

    gap:20px;

}

.post-card{

    display:block;

}

.post-thumb{

    width:100%;

    height:230px;

}

.post-content{

    padding:22px;

}

.post-title{

    font-size:24px;

}

.single-title{

    font-size:30px;

}

.comment-body{

    grid-template-columns:50px 1fr;

    grid-template-areas:

    "avatar author"

    "avatar date"

    "content content"

    "reply reply";

}

.comment-metadata{

    justify-self:start;

}

}

@media(max-width:480px){

.container{

    padding:0 15px;

}

.post-title{

    font-size:22px;

}

.single-title{

    font-size:26px;

}

.comments-title{

    font-size:28px;

}

}

.ts-post-card{
    display:flex;
    align-items:stretch;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 4px 18px rgba(0,0,0,.06);

    margin-bottom:34px;
}

/*=========================
Image
==========================*/

.ts-post-card__thumb{

    /* width:280px; */

    flex-shrink:0;

    display:block;

}

.ts-post-card__thumb img{

    width:100%;

    height:100%;

    object-fit:cover;

    display:block;

}

/*=========================
Content
==========================*/

.ts-post-card__content{

    flex:1;

    padding:32px 34px;

    display:flex;

    flex-direction:column;

}

/*=========================
Title
==========================*/

.ts-post-card__title{

    order:1;

    margin:0 0 18px;

    font-size:24px;

    font-weight:700;

    line-height:1.35;

}

.ts-post-card__title a{

    color:#111;

    text-decoration:none;

}

.ts-post-card__title a:hover{

    color:#2563eb;

}

/*=========================
Meta
==========================*/

.ts-post-card__meta{

    order:2;

    display:flex;

    align-items:center;

    gap:8px;

    margin-bottom:20px;

    font-size:16px;

    font-weight:600;

    color:#444;

}

/* icon */

.ts-post-card__meta::before{

    content:"🕒";

    font-size:15px;

}

/*=========================
Excerpt
==========================*/

.ts-post-card__excerpt{

    order:3;

    color:#555;

    font-size:17px;

    line-height:1.8;

    display:-webkit-box;

    -webkit-box-orient:vertical;

    -webkit-line-clamp:3;

    overflow:hidden;

}
@media(max-width:768px){

.ts-post-card{

    flex-direction:column;

}

.ts-post-card__thumb{

    width:100%;

    height:240px;

}

.ts-post-card__content{

    padding:22px;

}

.ts-post-card__title{

    font-size:22px;

}

.ts-post-card__excerpt{

    -webkit-line-clamp:4;

}

}

.custom-logo-link img{
    width: 48px;
}