/* Hotfix classic: samakan list dengan homepage, gambar kiri semua */
html,body{max-width:100%;overflow-x:hidden}
body.theme-classic_compact{overflow-x:hidden;overscroll-behavior-x:none}
body.theme-classic_compact .container,body.theme-classic_compact .container-fluid,body.theme-classic_compact .row{max-width:100%}
.site-classic-nav-scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
.site-classic-nav-scroller::-webkit-scrollbar{display:none}
.theme-classic_compact .classic-stream section>.hover01,.theme-classic_compact .si-kanallain-stream section>.hover01{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:14px;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid rgba(148,163,184,.22);background:transparent}
.theme-classic_compact .classic-stream section>.hover01:last-child,.theme-classic_compact .si-kanallain-stream section>.hover01:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.theme-classic_compact .classic-stream section>.hover01>.thumb-post,.theme-classic_compact .si-kanallain-stream section>.hover01>.thumb-post{order:1}
.theme-classic_compact .classic-stream section>.hover01>.media-content,.theme-classic_compact .si-kanallain-stream section>.hover01>.media-content{order:2}
.theme-classic_compact .classic-stream section>.hover01>.media-left,.theme-classic_compact .classic-stream section>.hover01>.media-right,.theme-classic_compact .si-kanallain-stream section>.hover01>.media-left,.theme-classic_compact .si-kanallain-stream section>.hover01>.media-right{float:none!important;width:auto;padding:0;margin:0}
.theme-classic_compact .classic-stream .post-thumb4,.theme-classic_compact .si-kanallain-stream .post-thumb4{position:relative;display:block;overflow:hidden;background:#f3f4f6}
.theme-classic_compact .classic-stream .post-thumb4 .img-link,.theme-classic_compact .si-kanallain-stream .post-thumb4 .img-link{position:absolute;inset:0}
.theme-classic_compact .classic-stream .thumb-post img,.theme-classic_compact .si-kanallain-stream .thumb-post img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.theme-classic_compact .classic-stream .media-heading,.theme-classic_compact .si-kanallain-stream .media-heading{margin:0 0 4px}
.theme-classic_compact .classic-stream .media-heading a,.theme-classic_compact .si-kanallain-stream .media-heading a{display:block;color:#1f2937;font-weight:700;line-height:1.23;text-decoration:none;font-size:clamp(18px,1.9vw,22px)}
.theme-classic_compact .classic-stream .date,.theme-classic_compact .si-kanallain-stream .date{margin:0;color:#8b8b8b;font-size:12px;line-height:1.35}
.theme-classic_compact .classic-stream .date i,.theme-classic_compact .si-kanallain-stream .date i{margin-right:4px}
.theme-classic_compact .classic-stream .short-text,.theme-classic_compact .si-kanallain-stream .short-text{display:none!important}
.theme-classic_compact .classic-pagination-wrap,.theme-classic_compact .text-center{margin-top:12px;margin-bottom:14px}
.theme-classic_compact .pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}
.theme-classic_compact .pagination>li>a,.theme-classic_compact .pagination>li>span{min-width:38px;padding:8px 12px;border:1px solid rgba(148,163,184,.28);border-radius:6px;background:#fff;color:#4b5563;box-shadow:none;font-size:13px}
.theme-classic_compact .pagination>.active>a,.theme-classic_compact .pagination>.active>span,.theme-classic_compact .pagination>li>a:hover,.theme-classic_compact .pagination>li>span:hover{background:#0f172a;border-color:#0f172a;color:#fff}
@media (max-width:767px){.theme-classic_compact .classic-stream section>.hover01,.theme-classic_compact .si-kanallain-stream section>.hover01{grid-template-columns:96px minmax(0,1fr);gap:10px;padding-bottom:9px;margin-bottom:9px}.theme-classic_compact .classic-stream .media-heading a,.theme-classic_compact .si-kanallain-stream .media-heading a{font-size:15px}}

/* =========================================================
   FINAL MOBILE EDGE FIX - SITNAS CLASSIC
   Target: layar HP benar-benar memakai lebar viewport.
   Tidak ada ruang kosong besar di sisi kanan/kiri.
   ========================================================= */
@media (max-width: 767px) {
  html,
  body,
  body.theme-classic_compact {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  body.theme-classic_compact .site-classic-topbar-clean,
  body.theme-classic_compact .site-classic-nav-colored,
  body.theme-classic_compact .container.cont,
  body.theme-classic_compact .si-classic-home-main,
  body.theme-classic_compact .article-page .container.cont {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  body.theme-classic_compact .site-classic-topbar-clean .container,
  body.theme-classic_compact .site-classic-nav-colored .container,
  body.theme-classic_compact .site-classic-nav-colored__container,
  body.theme-classic_compact .container.cont {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.theme-classic_compact .container.cont > .row,
  body.theme-classic_compact .si-classic-home-main > .row,
  body.theme-classic_compact .site-classic-topbar-clean .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.theme-classic_compact .container.cont > .row > [class*="col-"],
  body.theme-classic_compact .si-classic-home-main > .row > [class*="col-"],
  body.theme-classic_compact .site-classic-topbar-clean .row > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Logo tetap rapi, tetapi tidak membuat layout melebar */
  body.theme-classic_compact .site-classic-topbar-clean__brandwrap,
  body.theme-classic_compact .site-classic-topbar-clean__logo {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: 100% !important;
  }

  /* Navbar boleh scroll horizontal untuk menu panjang, tapi wadahnya tetap 100% */
  body.theme-classic_compact .site-classic-nav-colored {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.theme-classic_compact .site-classic-nav-colored__scroll,
  body.theme-classic_compact .site-classic-nav-colored .navbar-collapse,
  body.theme-classic_compact .site-classic-nav-colored .navbar-nav {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Homepage/listing/detail: konten utama full edge, tanpa gap kanan */
  body.theme-classic_compact .si-classic-home-headline,
  body.theme-classic_compact .si-classic-home-headline .si-classic-headline-item,
  body.theme-classic_compact .si-classic-home-headline .featured__content,
  body.theme-classic_compact .si-classic-home-headline .featured__content > a,
  body.theme-classic_compact .si-classic-home-main section,
  body.theme-classic_compact .si-classic-home-main .cf,
  body.theme-classic_compact .si-classic-home-main .bottom-15,
  body.theme-classic_compact.article-page .article-header--classic,
  body.theme-classic_compact.article-page .article-body-shell,
  body.theme-classic_compact.article-page .article-hero,
  body.theme-classic_compact.article-page .article-content-compact {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.theme-classic_compact .si-classic-home-headline {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.theme-classic_compact .si-classic-home-headline .featured__content,
  body.theme-classic_compact .si-classic-home-headline .featured__content .thumb,
  body.theme-classic_compact .si-classic-home-headline .featured__content .tinggi {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.theme-classic_compact .si-classic-home-main section > .hover01 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.theme-classic_compact img,
  body.theme-classic_compact iframe,
  body.theme-classic_compact video,
  body.theme-classic_compact table {
    max-width: 100% !important;
  }
}

/* SITNAS mobile balanced edge spacing v20260424
   Memberi gap kanan-kiri wajar di mobile tanpa membuat overflow horizontal. */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .container,
  .container-fluid,
  .cont,
  .article-page .container.cont,
  .si-home .container,
  .site-main .container,
  .content-area .container,
  .latest-page .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  .row {
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

  .row > [class*="col-"] {
    padding-left: 7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
  }

  .site-classic-nav-colored,
  .site-classic-nav-colored__container,
  .site-classic-nav-colored__scroll {
    max-width: 100% !important;
    overflow-x: hidden;
  }

  .site-classic-nav-colored__scroll {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  .site-classic-nav-colored .navbar-nav {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  img,
  iframe,
  video,
  embed,
  object {
    max-width: 100% !important;
  }
}

/* =========================================================
   SITNAS FIX: AdSense Auto Ads Anchor vs Classic Navbar
   Goal: top anchor/overlay ad stays above; navbar is NOT pushed down
   and can sit behind the ad. Emblem appears only after user scrolls.
   ========================================================= */
body.theme-classic_compact,
html body.theme-classic_compact {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.theme-classic_compact .site-classic-nav-colored,
body.theme-classic_compact .site-classic-nav-colored.sticky,
body.theme-classic_compact #myHeader.site-classic-nav-colored {
  position: sticky !important;
  top: 0 !important;
  inset-block-start: 0 !important;
  z-index: 100 !important; /* intentionally below AdSense anchor overlay */
  transform: none !important;
  margin-top: 0 !important;
}

body.theme-classic_compact .site-classic-topbar-clean {
  position: relative !important;
  z-index: 90 !important;
  margin-top: 0 !important;
  transform: none !important;
}

body.theme-classic_compact .site-classic-nav-emblem {
  display: none !important;
  flex: 0 0 auto !important;
  align-items: center !important;
}

html.site-classic-scrolled body.theme-classic_compact .site-classic-nav-emblem,
body.theme-classic_compact.site-classic-scrolled .site-classic-nav-emblem {
  display: inline-flex !important;
}

body.theme-classic_compact .site-classic-nav-emblem > a {
  min-height: 44px !important;
  padding: 9px 10px !important;
  display: flex !important;
  align-items: center !important;
}

body.theme-classic_compact .site-classic-nav-emblem img {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  body.theme-classic_compact,
  html body.theme-classic_compact {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.theme-classic_compact .site-classic-nav-colored,
  body.theme-classic_compact #myHeader.site-classic-nav-colored {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.theme-classic_compact .site-classic-nav-colored__container,
  body.theme-classic_compact .site-classic-nav-colored__scroll,
  body.theme-classic_compact .site-classic-nav-colored .navbar-collapse,
  body.theme-classic_compact .site-classic-nav-colored .navbar-collapse.collapse {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
  }

  body.theme-classic_compact .site-classic-nav-colored .navbar-nav {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    float: none !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > li {
    display: inline-flex !important;
    float: none !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > li > a {
    min-height: 44px !important;
    padding: 12px 11px !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   SITNAS mobile spacing + slimmer nav v20260425
   - Konten mobile tidak menempel ke pinggir layar.
   - Navbar mobile lebih tipis tanpa padding atas-bawah berlebihan.
   ========================================================= */
@media (max-width: 767px) {
  body.theme-classic_compact .container.cont,
  body.theme-classic_compact.article-page .container.cont,
  body.theme-classic_compact .si-classic-home-main,
  body.theme-classic_compact .si-classic-collection-page,
  body.theme-classic_compact.latest-page--classic .si-classic-latest-page-shell,
  body.theme-classic_compact .si-kanal-page,
  body.theme-classic_compact .si-author-page,
  body.theme-classic_compact .si-classic-static-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  body.theme-classic_compact .container.cont > .row,
  body.theme-classic_compact.article-page .container.cont > .row,
  body.theme-classic_compact .si-classic-home-main > .row,
  body.theme-classic_compact .si-classic-collection-page > .row,
  body.theme-classic_compact.latest-page--classic .si-classic-latest-page-shell > .row,
  body.theme-classic_compact .si-kanal-page > .row,
  body.theme-classic_compact .si-author-page > .row,
  body.theme-classic_compact .si-classic-static-page > .row {
    width: auto !important;
    max-width: none !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

  body.theme-classic_compact .container.cont > .row > [class*="col-"],
  body.theme-classic_compact.article-page .container.cont > .row > [class*="col-"],
  body.theme-classic_compact .si-classic-home-main > .row > [class*="col-"],
  body.theme-classic_compact .si-classic-collection-page > .row > [class*="col-"],
  body.theme-classic_compact.latest-page--classic .si-classic-latest-page-shell > .row > [class*="col-"],
  body.theme-classic_compact .si-kanal-page > .row > [class*="col-"],
  body.theme-classic_compact .si-author-page > .row > [class*="col-"],
  body.theme-classic_compact .si-classic-static-page > .row > [class*="col-"] {
    padding-left: 7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
  }

  body.theme-classic_compact .site-classic-nav-colored,
  body.theme-classic_compact #myHeader.site-classic-nav-colored {
    min-height: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  body.theme-classic_compact .site-classic-nav-colored__container,
  body.theme-classic_compact .site-classic-nav-colored__scroll,
  body.theme-classic_compact .site-classic-nav-colored .navbar-collapse,
  body.theme-classic_compact .site-classic-nav-colored .navbar-collapse.collapse {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.theme-classic_compact .site-classic-nav-colored__scroll {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  body.theme-classic_compact .site-classic-nav-colored .navbar-nav {
    padding: 0 !important;
  }

  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > li > a,
  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > .open > a,
  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > .open > a:focus,
  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > .open > a:hover {
    min-height: 36px !important;
    padding: 7px 10px !important;
    line-height: 1.15 !important;
    font-size: 13px !important;
  }

  body.theme-classic_compact .site-classic-nav-emblem > a {
    min-height: 36px !important;
    padding: 7px 8px !important;
  }

  body.theme-classic_compact .site-classic-nav-emblem img {
    width: 22px !important;
    height: 22px !important;
  }
}

/* =========================================================
   SITNAS author width + mobile nav thickness v20260425
   - Author page mengikuti lebar container halaman lain.
   - Mencegah overflow horizontal pada blok author di mobile.
   - Navbar mobile ditambah ketebalan 1.6px atas-bawah.
   ========================================================= */
body.theme-classic_compact.author-page--classic .container.cont.si-author-page {
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (min-width: 1200px) {
  body.theme-classic_compact.author-page--classic .container.cont.si-author-page {
    width: 1170px !important;
    max-width: 1170px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  body.theme-classic_compact.author-page--classic .container.cont.si-author-page {
    width: 970px !important;
    max-width: 970px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  body.theme-classic_compact.author-page--classic .container.cont.si-author-page {
    width: 750px !important;
    max-width: 750px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

body.theme-classic_compact.author-page--classic .si-author-hero,
body.theme-classic_compact.author-page--classic .si-author-list,
body.theme-classic_compact.author-page--classic .si-author-list article {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.theme-classic_compact.author-page--classic .si-author-hero__body,
body.theme-classic_compact.author-page--classic .si-author-list__body {
  min-width: 0 !important;
  max-width: 100% !important;
  flex: 1 1 auto !important;
}

body.theme-classic_compact.author-page--classic .si-author-list h2 a,
body.theme-classic_compact.author-page--classic .si-author-hero h1,
body.theme-classic_compact.author-page--classic .si-author-hero__bio {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

@media (max-width: 767px) {
  body.theme-classic_compact.author-page--classic .container.cont.si-author-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.theme-classic_compact.author-page--classic .container.cont.si-author-page > .row {
    width: auto !important;
    max-width: none !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

  body.theme-classic_compact.author-page--classic .container.cont.si-author-page > .row > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
  }

  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > li > a,
  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > .open > a,
  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > .open > a:focus,
  body.theme-classic_compact .site-classic-nav-colored .navbar-nav > .open > a:hover {
    min-height: 39px !important;
    padding-top: 8.6px !important;
    padding-bottom: 8.6px !important;
  }

  body.theme-classic_compact .site-classic-nav-emblem > a {
    min-height: 39px !important;
    padding-top: 8.6px !important;
    padding-bottom: 8.6px !important;
  }
}


/* =========================================================
   SITNAS NAV EMBLEM FINAL
   Desktop: emblem di navbar/head disembunyikan.
   Mobile: emblem tampil di navbar/head, tanpa menunggu scroll.
   ========================================================= */
.theme-classic_compact .site-classic-nav-emblem,
html.site-classic-scrolled body.theme-classic_compact .site-classic-nav-emblem,
body.theme-classic_compact.site-classic-scrolled .site-classic-nav-emblem,
html.site-classic-scrolled .theme-classic_compact .site-classic-nav-emblem,
body.site-classic-scrolled.theme-classic_compact .site-classic-nav-emblem{
  display:none !important;
}

@media (max-width:767px){
  body.theme-classic_compact .site-classic-nav-emblem,
  .theme-classic_compact .site-classic-nav-emblem,
  html.site-classic-scrolled body.theme-classic_compact .site-classic-nav-emblem,
  body.theme-classic_compact.site-classic-scrolled .site-classic-nav-emblem,
  html.site-classic-scrolled .theme-classic_compact .site-classic-nav-emblem,
  body.site-classic-scrolled.theme-classic_compact .site-classic-nav-emblem{
    display:inline-flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    width:auto !important;
    max-width:none !important;
  }

  body.theme-classic_compact .site-classic-nav-emblem > a,
  .theme-classic_compact .site-classic-nav-emblem > a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:39px !important;
    padding-left:12px !important;
    padding-right:8px !important;
  }

  body.theme-classic_compact .site-classic-nav-emblem img,
  .theme-classic_compact .site-classic-nav-emblem img{
    display:block !important;
    width:24px !important;
    height:24px !important;
    max-width:24px !important;
    object-fit:contain !important;
  }
}

@media (min-width:768px){
  body.theme-classic_compact .site-classic-nav-emblem,
  .theme-classic_compact .site-classic-nav-emblem,
  html.site-classic-scrolled body.theme-classic_compact .site-classic-nav-emblem,
  body.theme-classic_compact.site-classic-scrolled .site-classic-nav-emblem,
  html.site-classic-scrolled .theme-classic_compact .site-classic-nav-emblem,
  body.site-classic-scrolled.theme-classic_compact .site-classic-nav-emblem{
    display:none !important;
  }
}