/* Beranda publik: tipografi editorial Radar, metadata, dan foto Sosok. */
.homePage .radarFeatured .articleContent{
  bottom:12px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
}
.homePage .radarFeatured .articleContent h3{
  margin-bottom:5px!important;
}
.homePage .radarFeatured .articleContent .meta{
  display:inline-flex!important;
  width:max-content!important;
  max-width:100%!important;
  grid-template-columns:none!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  column-gap:.4em!important;
  min-height:24px!important;
  height:24px!important;
  margin:0!important;
  line-height:24px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.homePage .radarFeatured .articleContent .meta b{
  display:block!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.homePage .radarFeatured .articleContent .meta span{
  flex:0 0 auto!important;
  margin:0!important;
}
.homePage .radarFeatured .articleContent .meta .radarMetaDot{
  font-weight:700!important;
  color:#e5eef8!important;
}
.homePage .radarFeatureDots{
  bottom:12px!important;
  height:24px!important;
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
}
.homePage .radar .articleSmallCopy .meta{
  column-gap:.4em!important;
  flex-wrap:nowrap!important;
}
.homePage .radar .articleSmallCopy .meta b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.homePage .radar .articleSmallCopy .meta span:last-child{
  flex:0 0 auto;
  white-space:nowrap;
}
/* Semua Sosok memakai bidang foto seragam dan penuh, tanpa letterbox.
   Posisinya dapat diperbaiki dari Portal Pengurus / Jurnalistik Media. */
body.homePage .homeSosokDialog{
  max-width:calc(100vw - 28px);
  max-height:calc(100dvh - 28px);
}
body.homePage .homeSosokDialogGrid{
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr)!important;
  grid-template-rows:360px!important;
  height:360px!important;
  min-height:0!important;
  max-height:min(360px,calc(100dvh - 28px))!important;
  overflow:hidden!important;
}
body.homePage .homeSosokDialogGrid>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:50% 35%;
  background:#e7edf4!important;
}
body.homePage .homeSosokDialogGrid>div{
  min-width:0!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
}
@media(max-width:720px){
  body.homePage .homeSosokDialog{
    width:min(480px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 24px)!important;
    overflow:hidden!important;
  }
  body.homePage .homeSosokDialogGrid{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:clamp(220px,34dvh,310px) auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:calc(100dvh - 24px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  body.homePage .homeSosokDialogGrid>img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
  }
  body.homePage .homeSosokDialogGrid>div{
    padding:24px!important;
    overflow:visible!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:flex-start!important;
  }
}
@media(max-width:560px){
  .homePage .radarFeatured .articleContent .meta{
    column-gap:.32em!important;
    font-size:10px!important;
  }
  body.homePage .homeSosokDialogGrid>div{padding:21px!important}
  body.homePage .homeSosokDialogGrid h2{
    font-size:clamp(23px,6vw,30px)!important;
    line-height:1.14!important;
  }
}

/* Perbaikan baseline 11 Okt 2026:
   CSS lama memaksa padding-bottom 44px pada .articleContent,
   sehingga penulis/tanggal naik jauh di atas titik slider.
   Atur nol pada selector yang lebih spesifik, bukan menggeser slider. */
body.homePage section.radar.homeViewportSection .radarFeatured .articleBig .articleContent{
  padding-bottom:0!important;
  padding-top:0!important;
  bottom:12px!important;
}
body.homePage section.radar.homeViewportSection .radarFeatured .articleBig .articleContent .meta{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  height:24px!important;
  min-height:24px!important;
  margin:0!important;
  padding:0!important;
  gap:5px!important;
  white-space:nowrap!important;
}
body.homePage section.radar.homeViewportSection .radarFeatured .articleBig .articleContent .meta b{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.homePage section.radar.homeViewportSection .radarFeatured .articleBig .articleContent .meta .radarMetaDot,
body.homePage section.radar.homeViewportSection .radarFeatured .articleBig .articleContent .meta span:last-child{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

/* Tombol Lihat Galeri harus berada pada lapisan klik di atas dekorasi section. */
body.homePage .gallery.homeViewportSection .galleryActions{
  position:relative;
  z-index:5;
  pointer-events:auto;
}
body.homePage .gallery.homeViewportSection .galleryActions>a{
  position:relative;
  z-index:6;
  display:inline-flex;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation;
}