.am-posts-list.modern{
  display:grid;
  gap:var(--gap);
  grid-template-columns:repeat(var(--cols),1fr);
}
@media (max-width:1024px){
  .am-posts-list.modern{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .am-posts-list.modern{grid-template-columns:1fr}
}

.am-post{
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:calc(var(--radius) + 4px);
  overflow:hidden;
  box-shadow:0 1px 6px rgba(0,0,0,.05);
  transition:.18s ease;
  display:flex;flex-direction:column;
}
.am-post:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.am-post { display:flex; flex-direction:column; height:100%; }

.am-thumb{
  aspect-ratio:var(--ratio);
  overflow:hidden;
  border-top-left-radius:var(--radius);
  border-top-right-radius:var(--radius);
  background:#f2f2f2;
}
.am-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.am-post-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.am-title{margin:0;font-size:18px}
.am-title a{
  display:-webkit-box;
  -webkit-line-clamp:2;            /* jumlah baris judul */
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.3;
  min-height:calc(1.3em * 2);      /* jaga tinggi tetap */
}
.am-meta{font-size:12px;color:#777}
.am-readmore{
  margin-top:auto;
  display:inline-block;
  padding:6px 12px;
  font-size:14px;
  border:1px solid #ddd;
  border-radius:999px;
  text-decoration:none;
}
.am-readmore{ margin-top:auto; }
.am-excerpt{
  display:-webkit-box;
  -webkit-line-clamp:3;            /* jumlah baris excerpt */
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.5;
  min-height:calc(1.5em * 3);
  margin:0;color:#444
}
.am-readmore:hover{background:#111;color:#fff;border-color:#111}