*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:"Poppins",sans-serif;
}

html{
scroll-behavior:smooth;
}

body{
background:var(--background);
color:var(--text);
min-height:100vh;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

img{
max-width:100%;
display:block;
}

video{
max-width:100%;
display:block;
}

button{
cursor:pointer;
border:none;
outline:none;
background:none;
}

input,
textarea,
select{
font:inherit;
outline:none;
}

a{
text-decoration:none;
color:inherit;
}

ul,
ol{
list-style:none;
}

.hidden{
display:none !important;
}

.container{
width:100%;
margin:0 auto;
}


.postPreview{
    line-height:1.6;
    color:#333;
    margin-top:8px;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3; /* Change to 1, 2, or 3 lines */
    overflow:hidden;
    text-overflow:ellipsis;

    word-break:break-word;
}




/*=============================
MANUAL ADS
=============================*/

.manualAdCard{

background:#fff;

border-radius:18px;

padding:14px;

margin:18px 0;

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

border:1px solid #ececec;

overflow:hidden;

}

.manualHeader{

display:flex;

align-items:center;

gap:12px;

margin-bottom:12px;

}

.manualAvatar{

width:42px;

height:42px;

border-radius:50%;

object-fit:cover;

border:2px solid #1877f2;

flex-shrink:0;

}

.manualInfo{

display:flex;

flex-direction:column;

}

.manualName{

font-size:16px;

font-weight:700;

color:#222;

}

.manualSponsored{

font-size:12px;

color:#666;

margin-top:2px;

}

.manualImage{

width:100%;

display:block;

border-radius:14px;

cursor:pointer;

margin-bottom:12px;

}

.manualDescription{

font-size:15px;

line-height:1.6;

color:#444;

margin-bottom:14px;

}

.manualLearnBtn{

display:flex;

justify-content:center;

align-items:center;

width:100%;

height:46px;

background:#1877f2;

color:#fff;

font-size:16px;

font-weight:700;

border-radius:10px;

text-decoration:none;

transition:.25s;

}

.manualLearnBtn:hover{

background:#0d65d9;

}



.homeFeedAd{

width:100%;

display:flex;

justify-content:center;

align-items:center;

margin:18px 0;

overflow:hidden;

    }