/******tbb start******/
@import url('https://fonts.googleapis.com/css2?family=Gloock&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');

body {
  font-family: 'Inter', sans-serif; font-size:16px;
color: #4A5565; 
}

/*---------------------post------------------------------*/
#cm-content{background: #fff;}
/* Layout */
.tbb-container {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 40px;
}

/* Heading */
.tbb-heading {
    margin-bottom: 15px;
}

/* CATEGORY BOXES */
.tbb-cat-grid {
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}

.tbb-category-box {
    width: 55px;
    height: 55px;
    background: #F476BF;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tbb-category-box{ background:#F476BF; border-radius:10px;}
.tbb-category-box.active{ background:#43BAC0; }
.tbb-category-box img {
    width: 66px;
}

/* ACTIVE CATEGORY (teal like screenshot) */
.tbb-category-box.active {
    border: 2px solid #43BAC0;
}


/* POST BOX */
.tbb-post-box {

    padding: 20px;
    border-radius: 6px;
    background: #fff;
}

/* TITLE */
.tbb-title {
    font-size: 24px;
    margin-bottom: 10px;
}

/* META */
.tbb-meta {
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
}

/* IMAGE */
.tbb-featured-img img {
    width: 100%;
    border-radius: 6px;
    margin-bottom: 20px;
}

/* CONTENT */
.tbb-content {
    line-height: 1.7;
    font-size: 15px;
}

/* MOBILE */
@media (max-width: 768px) {
    .tbb-container {
        grid-template-columns: 1fr;
    }
}





/*------------------category---------------------------------*/

/* Layout */
.tbb-container{
display:grid;
grid-template-columns:3fr 1fr;
gap:40px; color:#000; font-family: 'Inter';
}
.tbb-container a{color:#000;}
.tbb-main h2{font-family: 'Gloock';}

/* Categories */
.tbb-cat-grid{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.tbb-category-box{
width:70px;
cursor:pointer;
}

.tbb-cat-img{
aspect-ratio:1/1;
border-radius:8px;
overflow:hidden;
border:2px solid transparent;
}

.tbb-cat-img img{
width:100%;
height:100%;
object-fit:cover;
}

/* Active */
.tbb-category-box.active .tbb-cat-img{
border:2px solid #333;
}

/* Posts */
.tbb-post-list{
margin-top:20px;
border:1px solid #ddd;
padding:20px;
border-radius:10px;
}

.tbb-post-item{
padding:10px 0;
border-bottom:1px solid #eee;
}

.tbb-sidebar #cm-secondary{width:100%;}
.tbb-category-box.active .tbb-cat-img {
    border: 4px solid #43BAC0;
}
/* Mobile */
@media(max-width:768px){
.tbb-container{
grid-template-columns:1fr;
}
}