/* ========= PAKSA BERANDA JADI GRID (CONTEMPO) ========= */
/* background */
body{background:#0b0f14 !important; color:#e8eef6 !important;}
header, header *{background:#0b0f14 !important; color:#e8eef6 !important;}
/* kontainer postingan beranda (paksa) */
.home .main,
.index .main{
width: 100% !important;
}
.home .main .section,
.index .main .section{
max-width: 1180px !important;
margin: 0 auto !important;
}
/* Ini target yang biasanya ada di Contempo */
.home .post-outer-container,
.index .post-outer-container,
.home .blog-posts,
.index .blog-posts,
.home .posts-container,
.index .posts-container,
.home main[role="main"] section,
.index main[role="main"] section{
display: grid !important;
grid-template-columns: repeat(3, minmax(0,1fr)) !important;
gap: 14px !important;
}
/* desktop */
@media (min-width: 900px){
.home .post-outer-container,
.index .post-outer-container,
.home .blog-posts,
.index .blog-posts,
.home .posts-container,
.index .posts-container,
.home main[role="main"] section,
.index main[role="main"] section{
grid-template-columns: repeat(5, minmax(0,1fr)) !important;
}
}
/* item posting */
.home .post-outer,
.index .post-outer,
.home article,
.index article{
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* gambar poster */
.home .post-outer img,
.index .post-outer img,
.home article img,
.index article img{
width:100% !important;
aspect-ratio: 2 / 3; /* poster */
object-fit: cover !important;
border-radius: 14px;
display:block;
}
/* judul kecil max 2 baris */
.home h2,
.index h2,
.home .post-title,
.index .post-title{
font-size: 12px !important;
line-height: 1.25 !important;
margin: 6px 2px 0 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
/* sembunyikan snippet & meta biar “nonton saja” */
.home .snippet,
.index .snippet,
.home .post-footer,
.index .post-footer,
.home .post-meta,
.index .post-meta,
.home .jump-link,
.index .jump-link{
display:none !important;
}