.allpost-grid {column-count:3;column-gap:18px}
.allpost-card {display:inline-block;width:100%;margin:0 0 18px 0;break-inside:avoid;border:1px solid #eee;border-radius:10px;overflow:hidden;background:#fff}
.allpost-card .thumb {display:block;width:100%;height:220px;background:#f2f2f2;overflow:hidden}
.allpost-card .thumb img {width:100%;height:100%;object-fit:cover;display:block}
.allpost-card .body {padding:12px 14px}
.allpost-card .title {font-size:18px;line-height:1.4;margin:0 0 8px 0;font-weight:600}
.allpost-card .excerpt {font-size:14px;line-height:1.7;color:#666;margin:0}
@media (max-width: 1200px) { .allpost-grid {column-count:2;} }
@media (max-width: 768px) { .allpost-grid {column-count:1;} }

.allpost-list {display:block}
.allpost-item {display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #e9e9e9}
.allpost-thumb {flex:0 0 260px;height:180px;overflow:hidden;border-radius:8px;background:#f2f2f2}
.allpost-thumb img {width:100%;height:100%;object-fit:cover;display:block}
.allpost-body {flex:1;min-width:0}
.allpost-title {font-size:20px;line-height:1.4;margin:0 0 8px 0;font-weight:600}
.allpost-excerpt {font-size:14px;line-height:1.7;color:#666;margin:0}
@media (max-width: 768px) {
    .allpost-item {gap:12px;padding:14px 0}
    .allpost-thumb {flex-basis:120px;height:90px}
    .allpost-title {font-size:16px}
    .allpost-excerpt {font-size:13px}
}