/* ================= POSTS ================= */
.posts-list{
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* ITEM FLOAT */
.post-float{
  background:#fff;
  padding:16px;
  border-radius:14px;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
  overflow:hidden; /* clear float */
}

/* IMAGE FLOAT LEFT */
.thumb_float_posts{
  float:left;
  width:160px;
  margin:0 16px 8px 0;
}

.thumb_float_posts img{
  width:100%;
  height:auto;
  display:block;
  border-radius:10px;
}

/* TEXT */
.post-float h2{
  font-size:1.2rem;
  margin:0 0 6px;
}

.post-float time{
  font-size:.85rem;
  color:#6b7280;
  display:block;
  margin-bottom:8px;
}

.post-float p{
  font-size:.95rem;
  line-height:1.6;
  color:#374151;
}

/* ================= PAGINATION ================= */
.pagination{
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pagination a{
  padding:8px 12px;
  background:#e5e7eb;
  border-radius:6px;
  font-weight:600;
}

.pagination a.active{
  background:#0a6f08;
  color:#fff;
}
/* Title */
.page-title{
  font-size:1.6rem;
  font-weight:700;
  color:#0a6f08;
  text-align: center;
  margin-top: 20px;
}
/* Description */
.page-desc{
  font-size:.95rem;
  text-align: center;
}
/* ================= MOBILE ================= */
@media(max-width:768px){
  .thumb_float_posts{
    float:none;
    width:100%;
    margin:0 0 12px;
  }
}