/*
 * SITNAS Classic Original Bundle
 * Gabungan CSS yang dipakai khusus theme Classic Original.
 * Urutan isi mengikuti loader lama agar typography/listing/detail tetap stabil.
 * Alignment shell utama tetap ada di application/views/frontend/dekstop/classic/nav.php (SHELL V3).
 */


/* === classic-polish-core.css === */
/* classic polish core */
:root{
  --site-footer-surface: #ffffff;
  --site-footer-text: #0f172a;
  --site-footer-text-soft: #475569;
  --site-footer-line: rgba(148,163,184,.20);
}

/* Classic flat cleanup */

body.theme-classic,
body.theme-classic .site-classic-topbar-clean,
body.theme-classic .site-classic-topbar-clean .content-wrap,
body.theme-classic .site-classic-topbar-clean__brandwrap,
body.theme-classic .site-classic-topbar-clean__logo,
body.theme-classic .site-classic-logo-original,
body.theme-classic .si-panel,
body.theme-classic .content-wrap,
body.theme-classic .widget,
body.theme-classic .thumbnail,
body.theme-classic .entry-box,
body.theme-classic .entry-content,
body.theme-classic .article-related,
body.theme-classic .article-sidebox,
body.theme-classic .post-thumb4,
body.theme-classic .thumb-ito,
body.theme-classic .thumb-post,
body.theme-classic .featured__content,
body.theme-classic .featured__content .desc,
body.theme-classic .caption{
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.theme-classic .article-sidebox,
body.theme-classic .article-related,
body.theme-classic .thumb-ito,
body.theme-classic .widget,
body.theme-classic .entry-content{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.theme-classic .thumbnail{
  margin-bottom: 20px;
}

/* Footer: flat, dark links, clean social icons */

.site-classic-footer-clean{
  margin-top: 34px;
  border-top: 1px solid var(--site-footer-line);
  background: #fff;
  box-shadow: none;
}

.site-classic-footer-clean .bottom-15,
.site-classic-footer-clean .copyright{
  margin-bottom: 0;
}

.site-classic-footer-clean .copyright{
  padding: 18px 0 14px;
  color: var(--site-footer-text);
  background: transparent;
}

.site-classic-footer-clean__row{
  display: flex;
  align-items: center;
  gap: 18px;
}

.site-classic-footer-clean__brand{
  min-height: 0;
  display: flex;
  align-items: center;
}

.site-classic-footer-logo-clean{
  max-width: 100%;
  height: auto;
}

.site-classic-footer-clean__links{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin: 0;
  padding: 0;
}

.site-classic-footer-clean__links li,
.site-classic-footer-clean__social li{
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-classic-footer-clean__links li + li{
  margin-top: 0;
}

.site-classic-footer-clean__links a:hover,
.site-classic-footer-clean__links a:focus{
  color: var(--site-primary) !important;
  text-decoration: none;
}

.site-classic-footer-clean__social{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.site-classic-footer-clean__social ul{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.site-classic-footer-clean__social .socmed{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 0;
  color: var(--site-footer-text);
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: color .16s ease, opacity .16s ease;
}

.site-classic-footer-clean__social .socmed:hover,
.site-classic-footer-clean__social .socmed:focus{
  color: var(--site-primary);
  background: transparent;
  border: none;
  box-shadow: none;
  transform: none;
  text-decoration: none;
}

.site-classic-footer-clean__social .socmed .fa-stack{
  width: 1em;
  height: 1em;
  line-height: 1;
}

.site-classic-footer-clean__social .socmed .fa-circle{
  display: none;
}

.site-classic-footer-clean__social .socmed .fa-stack-1x{
  color: currentColor;
  font-size: 18px;
  line-height: 1;
}

.site-social-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  line-height: 1;
}

.site-social-icon svg{
  display: block;
  width: 18px;
  height: 18px;
}

/* Header + sticky nav consistency */

.theme-classic .site-classic-topbar-clean{
  position: relative;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.theme-classic .site-classic-nav-colored,
.theme-classic .site-classic-nav-colored.sticky{
  position: sticky !important;
  top: 0;
  z-index: 99;
  width: 100%;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  background: rgba(10,15,35,.98) !important;
  box-shadow: none;
  -webkit-backdrop-filter: saturate(140%) blur(8px);
  backdrop-filter: saturate(140%) blur(8px);
}

.theme-classic .site-classic-nav-colored .container{
  position: relative;
}

.theme-classic .site-classic-nav-colored .navbar-nav::-webkit-scrollbar{
  display: none;
}

.theme-classic .site-classic-nav-colored .navbar-nav > li{
  float: none;
  display: inline-flex;
}

.theme-classic .site-classic-nav-colored .navbar-nav > li > a,
.theme-classic .site-classic-nav-colored .navbar-nav > .open > a,
.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus,
.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:hover{
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 14px 14px !important;
  color: #f8fafc !important;
  background: transparent !important;
}

.theme-classic .site-classic-nav-colored .navbar-nav > li > a:hover,
.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a,
.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:hover,
.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:focus{
  color: #ffffff !important;
  background: rgba(255,255,255,.08) !important;
}

.theme-classic .site-classic-nav-colored .dropdown-menu{
  border: 1px solid rgba(148,163,184,.18);
  border-radius: 0;
  padding: 6px 0;
  box-shadow: none;
}

.theme-classic .site-classic-nav-colored .dropdown-menu > li > a{
  border-radius: 0;
  padding: 9px 12px;
}

.theme-classic .site-classic-nav-colored .dropdown-menu > li > a:hover{
  background: rgba(37,99,235,.08);
}

.theme-classic .sticky + .cont{
  padding-top: 0 !important;
}

/* Global spacing rhythm */

.theme-classic .container.cont{
  padding-top: 18px;
  padding-bottom: 24px;
}

.theme-classic .entry-content.bottom-30,
.theme-classic .thumb-ito.entry-content.bottom-30{
  margin-bottom: 26px !important;
}

.theme-classic .label-to{
  margin: 0 0 10px;
}

/* Detail article readability */

.theme-classic.article-page .post-info{
  margin-bottom: 12px;
}

.theme-classic.article-page .post-content p{
  font-size: 18px;
  line-height: 1.82;
  color: #1e293b;
}

.theme-classic.article-page figure.bottom-15,
.theme-classic.article-page .post-content,
.theme-classic.article-page .sharing-box,
.theme-classic.article-page .thumb-ito{
  margin-bottom: 18px !important;
}

.theme-classic.article-page .gambarkecil,
.theme-classic.article-page .img-responsive{
  border-radius: 0;
  box-shadow: none;
}

/* Classic homepage desktop/mobile item count + spacing */

.theme-classic .si-classic-home-headline,
.theme-classic .si-classic-home-gallery,
.theme-classic .si-classic-home-video{
  overflow: hidden;
}

@media (min-width:768px){
  .theme-classic .si-classic-home-headline .si-classic-headline-item,
  .theme-classic .si-classic-home-gallery .si-classic-gallery-item,
  .theme-classic .si-classic-home-video .si-classic-video-item{
    display: block !important;
  }
}

/* Homepage classic balance polish */

.theme-classic .si-classic-home-headline,
.theme-classic .si-classic-home-headline .featured__content,
.theme-classic .si-classic-home-headline .featured__content > a,
.theme-classic .si-classic-home-headline .featured__content .thumb,
.theme-classic .si-classic-home-headline .featured__content .tinggi,
.theme-classic .si-classic-home-headline .featured__content .shadow{
  border-radius: 0 !important;
}

.theme-classic .si-classic-home-headline .featured__content{
  overflow: hidden;
}

.theme-classic .si-classic-home-headline .featured__content .desc{
  padding: 14px 18px 12px !important;
}

.theme-classic .si-classic-home-headline .featured__content h4{
  margin-bottom: 8px;
}

.theme-classic .si-classic-home-headline .featured__content .meta__timestamp{
  font-size: 12px;
  line-height: 1.4;
}

.theme-classic .si-classic-home-main .hover01{
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.theme-classic .si-classic-home-main .hover01 .media-left.thumb-post{
  flex: 0 0 148px;
  width: 148px;
  height: 96px;
  margin-right: 0;
  padding-right: 0;
}

.theme-classic .si-classic-home-main .hover01 .post-thumb4,
.theme-classic .si-classic-home-main .hover01 .gambarkecil{
  width: 100%;
  height: 96px;
}

.theme-classic .si-classic-home-main .hover01 .media-right.media-content{
  display: block;
  width: auto;
  min-width: 0;
  overflow: hidden;
}

.theme-classic .si-classic-home-main .hover01 h3.media-heading{
  font-size: 18px;
  line-height: 1.24;
  font-weight: 400;
  margin: 0 0 6px;
}

.theme-classic .si-classic-home-main .hover01 .date{
  font-size: 12px;
  line-height: 1.35;
  color: #8f96a3;
}

/* Classic header logo spacing tighter */

.theme-classic .site-classic-topbar-clean__row{
  min-height: 56px;
}

.theme-classic .site-classic-topbar-clean__brandwrap,
.theme-classic .site-classic-topbar-clean__logo{
  padding-top: 4px;
  padding-bottom: 4px;
}

.theme-classic .site-classic-logo-original,
.theme-classic .site-classic-topbar-clean__logo .site-classic-logo-original,
.theme-classic .site-classic-topbar-clean__logo img{
  margin-bottom: 0 !important;
  max-height: 52px;
  width: auto;
}

/* Gallery and video boxes: dark flat editorial blocks */

.theme-classic .si-classic-home-gallery .label-to h2,
.theme-classic .si-classic-home-video .label-to h2,
.theme-classic .si-classic-home-gallery .label-to a,
.theme-classic .si-classic-home-video .label-to a{
  color: #f8fafc !important;
}

.theme-classic .si-classic-home-gallery .effect-chico a,
.theme-classic .si-classic-home-video .box-video{
  display: block;
  overflow: hidden;
}

/* Detail article polish: compact breadcrumb, smaller title, clean tags, compact pager */

.theme-classic.article-page .entry-box{
  padding: 0 !important;
}

.theme-classic.article-page .breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
  text-transform: none;
  list-style: none;
  overflow: visible;
}

.theme-classic.article-page .breadcrumb > li{
  float: none;
}

.theme-classic.article-page .breadcrumb > li + li:before{
  content: "/";
  padding: 0 2px 0 0;
  color: #94a3b8;
}

.theme-classic.article-page .breadcrumb li a,
.theme-classic.article-page .breadcrumb li.completed a{
  display: inline-flex;
  align-items: center;
  float: none;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  color: #60a5fa;
  background: transparent !important;
}

.theme-classic.article-page .breadcrumb li a:before,
.theme-classic.article-page .breadcrumb li a:after,
.theme-classic.article-page .breadcrumb li.completed a:after{
  content: none !important;
  display: none !important;
}

.theme-classic.article-page .breadcrumb li a:hover,
.theme-classic.article-page .breadcrumb li.completed a:hover{
  color: #2563eb;
}

.theme-classic.article-page .post h1,
.theme-classic.article-page .post .text-black strong{
  letter-spacing: -.02em;
  font-size: 46px;
  line-height: 1.12;
  margin-bottom: 12px;
}

.theme-classic.article-page .post-info .author,
.theme-classic.article-page .post-info .date{
  line-height: 1.5;
  font-size: 14px;
}

.theme-classic.article-page .article-pagination .pagination > li > a:hover,
.theme-classic.article-page .article-pagination .pagination > li > span:hover{
  background: #f8fafc;
  color: #0f172a;
}

.theme-classic.article-page .article-editor-line .editor{
  float: none !important;
  display: block;
  text-align: right;
  font-size: 13px;
  color: #475569;
}

.theme-classic.article-page .article-tags-inline__item:hover{
  color: #0f172a;
  border-color: #94a3b8;
  text-decoration: none;
}

.theme-classic.article-page .article-related-list .label-to,
.theme-classic.article-page .thumb-ito.entry-content .label-to{
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.1;
}

.theme-classic.article-page .thumb-ito.entry-content > section > .bottom-10,
.theme-classic.article-page .thumb-ito.entry-content > section > article{
  margin-bottom: 14px !important;
}

/* Detail article revision: tighter hierarchy, breadcrumb pills, compact related */

.theme-classic.article-page .article-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 14px;
  padding: 0;
  background: transparent;
}

.theme-classic.article-page .article-breadcrumb > li > a{
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  color: #2563eb;
  background: #eef2f7;
  border-radius: 999px;
  text-decoration: none;
}

.theme-classic.article-page .article-breadcrumb > li > a:hover,
.theme-classic.article-page .article-breadcrumb > li > a:focus{
  color: #1d4ed8;
  background: #e2e8f0;
  text-decoration: none;
}

.theme-classic.article-page .article-pagination .row{
  margin: 0;
}

.theme-classic.article-page .article-pagination .pagination > li.active > a,
.theme-classic.article-page .article-pagination .pagination > li.active > span{
  color: #fff;
  background: #0f172a;
  border-color: #0f172a;
}

.theme-classic.article-page .article-pagination .pagination > li > a:hover,
.theme-classic.article-page .article-pagination .pagination > li > a:focus{
  color: #0f172a;
  background: #f8fafc;
  border-color: rgba(148,163,184,.36);
  text-decoration: none;
}

.theme-classic.article-page .article-related-list__content{
  flex: 1 1 auto;
  min-width: 0;
  order: 1;
}

.theme-classic.article-page .thumb-ito.entry-content > .bottom-10{
  margin-bottom: 8px !important;
}

/* Classic final revision: compact breadcrumbs, calmer detail title, tighter related list, stable mobile nav */

body.theme-classic,
body.theme-classic.article-page,
body.theme-classic .site,
body.theme-classic .site-wrapper{
  overflow-x: hidden;
}

body.theme-classic img,
body.theme-classic iframe,
body.theme-classic table{
  max-width: 100%;
}

.theme-classic .breadcrumb,
.theme-classic .si-kanal-breadcrumb,
.theme-classic.article-page .breadcrumb,
.theme-classic.article-page .article-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 14px;
  padding: 11px 16px;
  background: #f1f3f5 !important;
  border: 0 !important;
  border-radius: 4px !important;
  list-style: none;
  overflow: hidden;
}

.theme-classic .breadcrumb > li,
.theme-classic .si-kanal-breadcrumb > li,
.theme-classic.article-page .breadcrumb > li,
.theme-classic.article-page .article-breadcrumb > li{
  float: none;
  display: inline-flex;
  align-items: center;
}

.theme-classic .breadcrumb > li + li:before,
.theme-classic .si-kanal-breadcrumb > li + li:before,
.theme-classic.article-page .breadcrumb > li + li:before,
.theme-classic.article-page .article-breadcrumb > li + li:before{
  content: "/";
  display: inline-block;
  padding: 0 7px;
  color: #9aa0a6;
}

.theme-classic .breadcrumb a,
.theme-classic .breadcrumb li.completed a,
.theme-classic .si-kanal-breadcrumb a,
.theme-classic.article-page .breadcrumb a,
.theme-classic.article-page .breadcrumb li.completed a,
.theme-classic.article-page .article-breadcrumb a,
.theme-classic.article-page .article-breadcrumb li.completed a{
  float: none;
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35;
  text-decoration: none;
}

.theme-classic .breadcrumb li a:before,
.theme-classic .breadcrumb li a:after,
.theme-classic .si-kanal-breadcrumb li a:before,
.theme-classic .si-kanal-breadcrumb li a:after,
.theme-classic.article-page .breadcrumb li a:before,
.theme-classic.article-page .breadcrumb li a:after,
.theme-classic.article-page .article-breadcrumb li a:before,
.theme-classic.article-page .article-breadcrumb li a:after{
  content: none !important;
  display: none !important;
}

.theme-classic .breadcrumb a:hover,
.theme-classic .si-kanal-breadcrumb a:hover,
.theme-classic.article-page .breadcrumb a:hover,
.theme-classic.article-page .article-breadcrumb a:hover{
  color: #374151 !important;
}

.theme-classic.article-page .article-related-list__content,
.theme-classic.article-page .article-related-list__thumb,
.theme-classic.article-page .article-related-list__thumb.media-right{
  margin: 0 !important;
  padding: 0 !important;
}

.theme-classic.article-page .thumb-ito.entry-content > .bottom-10,
.theme-classic.article-page .thumb-ito.entry-content > section > .bottom-10,
.theme-classic.article-page .thumb-ito.entry-content > section > article{
  margin-bottom: 8px !important;
}

.theme-classic .site-classic-nav-colored{
  overflow: hidden;
}

.theme-classic .site-classic-nav-colored__container{
  position: relative;
}

.theme-classic .site-classic-nav-colored__scroll{
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: none;
  scrollbar-width: none;
}

.theme-classic .site-classic-nav-colored__scroll::-webkit-scrollbar{
  display: none;
}

.theme-classic .site-classic-nav-colored .navbar-collapse,
.theme-classic .site-classic-nav-colored .navbar-collapse.collapse,
.theme-classic .site-classic-nav-colored .navbar-collapse.in{
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  overflow: visible !important;
  border-top: 0;
  box-shadow: none;
  width: auto;
  min-width: 100%;
}

.theme-classic .site-classic-nav-colored .navbar-nav{
  float: none;
  align-items: center;
  gap: 0;
  margin: 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: inline-flex;
  width: max-content;
  min-width: 100%;
}

/* Detail article checkpoint polish - basis5 */

.theme-classic.article-page .article-breadcrumb,
.theme-classic.article-page .breadcrumb.article-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 12px;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  list-style: none;
}

.theme-classic.article-page .article-breadcrumb > li{
  display: inline-flex;
  align-items: center;
  float: none;
  margin: 0;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.theme-classic.article-page .article-breadcrumb > li + li:before{
  content: "/";
  display: inline-block;
  padding: 0 6px;
  color: #9ca3af;
}

.theme-classic.article-page .article-breadcrumb a,
.theme-classic.article-page .article-breadcrumb li.completed a{
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
  min-height: 0;
  color: #6b7280 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35;
  text-decoration: none;
}

.theme-classic.article-page .article-breadcrumb li a:before,
.theme-classic.article-page .article-breadcrumb li a:after,
.theme-classic.article-page .article-breadcrumb li.completed a:before,
.theme-classic.article-page .article-breadcrumb li.completed a:after{
  content: none !important;
  display: none !important;
}

.theme-classic.article-page .article-reading-tools__btn:hover,
.theme-classic.article-page .article-reading-tools__btn:focus{
  color: #0f172a;
  background: #f8fafc;
  outline: none;
}

.theme-classic.article-page .article-related-list__item:last-child,
.theme-classic.article-page .article-related-list__item:nth-last-child(2){
  padding-bottom: 0 !important;
}

.theme-classic.article-page .article-related-list__items .short-text{
  display: none;
}

.theme-classic.article-page .article-related-list .media-left.media-content,
.theme-classic.article-page .article-related-list__content{
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.theme-classic.article-page .article-related-list .media-right.thumb-post,
.theme-classic.article-page .article-related-list__thumb,
.theme-classic.article-page .article-related-list__thumb.media-right{
  flex: 0 0 116px;
  width: 116px;
  min-width: 116px;
  margin: 0;
  padding: 0;
}

.theme-classic.article-page .article-related-list__thumb .post-thumb4,
.theme-classic.article-page .article-related-list__thumb .gambarkecil,
.theme-classic.article-page .article-related-list .media-right.thumb-post .post-thumb4,
.theme-classic.article-page .article-related-list .media-right.thumb-post .gambarkecil{
  width: 116px;
  height: 74px;
}

/* Final detail article + footer mobile identity */

.theme-classic.article-page .article-content-compact,
.theme-classic.article-page .post-content.article-content-compact{
  font-size: 16px !important;
  line-height: 1.56 !important;
  color: #1f2937;
}

.theme-classic.article-page .article-content-compact p,
.theme-classic.article-page .post-content.article-content-compact p{
  font-size: inherit;
  margin: 0 0 .72em !important;
  line-height: inherit !important;
}

.theme-classic.article-page .article-content-compact h2,
.theme-classic.article-page .article-content-compact h3,
.theme-classic.article-page .article-content-compact h4,
.theme-classic.article-page .article-content-compact ul,
.theme-classic.article-page .article-content-compact ol,
.theme-classic.article-page .article-content-compact blockquote{
  margin-top: .9em;
  margin-bottom: .62em;
}

.site-classic-footer-clean__brand-link{
  display: inline-flex;
  align-items: center;
}

.site-classic-footer-emblem-mobile{
  display: none;
  width: 42px;
  height: 42px;
}

.site-classic-footer-clean__links a{
  display: inline-flex;
  align-items: center;
  color: var(--site-footer-text) !important;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 12px;
}

.site-classic-footer-clean__social.site-classic-footer-clean__social--compact .socmed{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 6px;
  background: #fff;
}

.site-classic-footer-clean__social.site-classic-footer-clean__social--compact .socmed:hover,
.site-classic-footer-clean__social.site-classic-footer-clean__social--compact .socmed:focus{
  background: #f8fafc;
  border-color: rgba(100,116,139,.28);
}

.site-classic-footer-clean__social.site-classic-footer-clean__social--compact ul{
  gap: 8px;
}


/* === classic-polish-detail.css === */
/* classic polish detail */
.site-classic-footer-clean__meta{
  border-top: 1px solid rgba(148,163,184,.16);
  padding: 10px 0 12px;
  background: #fff;
}

.site-classic-footer-clean__meta-copy{
  font-size: 12px;
  line-height: 1.4;
  color: #64748b;
  text-transform: none;
}

/* Basis5 revision: detail breadcrumb matches collection pages, latest uses collection styling */

.theme-classic .si-classic-collection-breadcrumb,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 14px;
  padding: 11px 16px;
  background: #f1f3f5 !important;
  border: 0 !important;
  border-radius: 4px !important;
  list-style: none;
  overflow: hidden;
}

.theme-classic .si-classic-collection-breadcrumb > li,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb > li{
  display: inline-flex;
  align-items: center;
  float: none;
}

.theme-classic .si-classic-collection-breadcrumb > li + li:before,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb > li + li:before{
  content: "/";
  display: inline-block;
  padding: 0 7px;
  color: #9aa0a6;
}

.theme-classic .si-classic-collection-breadcrumb a,
.theme-classic .si-classic-collection-breadcrumb li.completed a,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb a,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb li.completed a{
  float: none;
  display: inline-flex;
  align-items: center;
  min-height: 0;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35;
  text-decoration: none;
}

.theme-classic .si-classic-collection-breadcrumb li a:before,
.theme-classic .si-classic-collection-breadcrumb li a:after,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb li a:before,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb li a:after{
  content: none !important;
  display: none !important;
}

.theme-classic .si-classic-collection-breadcrumb a:hover,
.theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb a:hover{
  color: #374151 !important;
}

.theme-classic .si-classic-collection-page--kanal .si-classic-collection-intro,
.theme-classic .si-classic-collection-page--tag .si-classic-collection-intro,
.theme-classic .tag-page--classic .si-classic-collection-intro,
.theme-classic .kanal-page--classic .si-classic-collection-intro{
  margin: 0 0 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(148,163,184,.16);
}

.theme-classic .si-classic-collection-page--kanal .si-classic-collection-intro__kicker,
.theme-classic .si-classic-collection-page--tag .si-classic-collection-intro__kicker,
.theme-classic .tag-page--classic .si-classic-collection-intro__kicker,
.theme-classic .kanal-page--classic .si-classic-collection-intro__kicker{
  display: inline-block;
  margin-bottom: 6px;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.theme-classic .si-classic-collection-page--kanal .si-classic-collection-intro h1,
.theme-classic .si-classic-collection-page--tag .si-classic-collection-intro h1,
.theme-classic .tag-page--classic .si-classic-collection-intro h1,
.theme-classic .kanal-page--classic .si-classic-collection-intro h1{
  margin: 0;
  color: #111827;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -.025em;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-left.media-content{
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 0;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-right.thumb-post{
  flex: 0 0 156px;
  width: 156px;
  min-width: 156px;
  margin: 0;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .post-thumb4,
.theme-classic .si-classic-collection-stream .si-classic-collection-item .gambarkecil{
  width: 156px;
  height: 98px;
}

/* basis5 cumulative final override: preserve prior detail controls + set desktop H1 to 24px */

.theme-classic.article-page .article-title,
.theme-classic.article-page .post h1,
.theme-classic.article-page .post .text-black strong{
  margin-bottom: 10px;
  font-size: 24px !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
}

.theme-classic.article-page .article-reading-tools{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 8px 0 12px;
  padding: 8px 0 10px;
  border-top: 1px solid rgba(148,163,184,.18);
  border-bottom: 1px solid rgba(148,163,184,.12);
}

.theme-classic.article-page .article-reading-tools__label{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;
}

.theme-classic.article-page .article-reading-tools__actions{
  align-items: center;
  display: flex;
  gap: 6px;
}

.theme-classic.article-page .article-reading-tools__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(148,163,184,.24);
  background: #fff;
  color: #334155;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.theme-classic.article-page .article-reading-tools__btn:hover{
  background: #f8fafc;
}

.theme-classic.article-page .article-after-content{
  margin-bottom: 10px !important;
  margin: 8px 0 12px !important;
}

.theme-classic.article-page .article-editor-line{
  margin: 0;
  border-top: 1px solid rgba(148,163,184,.22);
  padding-bottom: 8px;
  padding: 8px 0 6px !important;
  margin-bottom: 6px !important;
}

.theme-classic.article-page .article-related-list__thumb,
.theme-classic.article-page .article-related-list__thumb.media-right{
  order: 2;
  margin: 0;
  flex: 0 0 112px !important;
  width: 112px !important;
  min-width: 112px !important;
}

.theme-classic.article-page .article-related-list__thumb .post-thumb4,
.theme-classic.article-page .article-related-list__thumb .gambarkecil{
  width: 112px !important;
  height: 70px !important;
}

@media (max-width:991px){
  .theme-classic .site-classic-nav-colored .container,
  .theme-classic .site-classic-topbar-clean .container,
  .theme-classic .container.cont{
    width: 100%;
    max-width: 100%;
  }

  .theme-classic.article-page .article-related-list__items{
    grid-template-columns: 1fr;
  }
}

/* Detail article tags: compact square minimal */

.theme-classic.article-page .article-tags-inline{
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0 0;
  align-items: center !important;
  gap: 6px !important;
  padding-top: 3px !important;
}

.theme-classic.article-page .article-tags-inline__label{
  text-transform: uppercase;
  width: auto !important;
  padding-top: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .03em !important;
  color: #6b7280 !important;
}

.theme-classic.article-page .article-tags-inline__items{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1 1 auto;
  gap: 5px !important;
}

.theme-classic.article-page .article-tags-inline__item{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  min-height: 22px !important;
  padding: 2px 7px !important;
  border: 1px solid rgba(148,163,184,.28) !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #475569 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

.theme-classic.article-page .article-tags-inline__item:hover,
.theme-classic.article-page .article-tags-inline__item:focus{
  color: #111827 !important;
  border-color: #9ca3af !important;
  background: #f8fafc !important;
  text-decoration: none !important;
}

/* Homepage gallery/video redesign: dark editorial blocks, compact + eyecatching */

.theme-classic .si-classic-home-gallery figure,
.theme-classic .si-classic-home-video .box-video,
.theme-classic .si-classic-home-video .box-video img{
  border-radius: 0 !important;
}

.theme-classic .si-classic-home-video .box-video{
  position: relative;
}

/* Homepage gallery/video redesign v2: clearly dark, editorial, eyecatching */

/* Collection/list pages polish - cumulative v2 */

.theme-classic .si-classic-collection-page{
  padding-top: 16px;
}

.theme-classic .si-classic-collection-breadcrumb{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 10px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.theme-classic .si-classic-collection-breadcrumb > li{
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  line-height: 1.45;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.theme-classic .si-classic-collection-breadcrumb > li + li:before{
  content: "/";
  padding: 0 8px;
  color: #94a3b8;
}

.theme-classic .si-classic-collection-breadcrumb > li a{
  color: #64748b;
}

.theme-classic .si-classic-collection-breadcrumb > li:last-child a,.theme-classic .si-classic-collection-breadcrumb > li:last-child{
  color: #0f172a;
}

.theme-classic .si-classic-collection-intro{
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(148,163,184,.18);
}

.theme-classic .si-classic-collection-intro__kicker{
  display: inline-block;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #475569;
}

.theme-classic .si-classic-collection-intro h1{
  margin: 0;
  font-size: 32px;
  line-height: 1.15;
  color: #0f172a;
  word-break: break-word;
}

.theme-classic .si-classic-collection-stream{
  margin-bottom: 12px;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 0 0 14px;
  margin: 0 0 14px !important;
  border-bottom: 1px solid rgba(148,163,184,.16);
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item:last-child{
  border-bottom: none;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-left.thumb-post{
  flex: 0 0 156px;
  width: 156px;
  min-width: 156px;
  margin: 0;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-right.media-content{
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 0;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .post-thumb4,.theme-classic .si-classic-collection-stream .si-classic-collection-item .gambarkecil{
  width: 156px;
  height: 98px;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-heading{
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.2;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-heading a{
  color: #0f172a;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .date{
  margin: 0 0 6px;
  font-size: 12px;
  line-height: 1.35;
  color: #64748b;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .short-text{
  margin: 0;
  font-size: 15px;
  line-height: 1.58;
  color: #334155;
}

.theme-classic .si-classic-collection-pagination{
  margin: 6px 0 24px;
}

.theme-classic .si-classic-collection-pagination .pagination{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.theme-classic .si-classic-collection-pagination .pagination > li{
  display: inline-flex;
}

.theme-classic .si-classic-collection-pagination .pagination > li > a,.theme-classic .si-classic-collection-pagination .pagination > li > span{
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(148,163,184,.25);
  background: #fff;
  color: #0f172a;
}

.theme-classic .si-classic-collection-pagination .pagination > .active > a,.theme-classic .si-classic-collection-pagination .pagination > .active > span{
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}

/* Classic cumulative v3: detail, collection, breadcrumb, related, footer */

.theme-classic .si-classic-collection-header,
.theme-classic.article-page .article-header--classic{
  margin: 0 0 16px;
}

.theme-classic .si-classic-collection-header .si-classic-collection-breadcrumb,
.theme-classic.article-page .article-header--classic .article-breadcrumb{
  margin-bottom: 10px;
}

.theme-classic .si-classic-collection-header .si-classic-collection-intro,
.theme-classic.article-page .article-header--classic .article-body-shell{
  margin: 0;
}

.theme-classic .si-classic-collection-excerpt{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-heading a:hover,
.theme-classic .si-classic-collection-stream .si-classic-collection-item .media-heading a:focus{
  color: #111827;
  text-decoration: none;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .post-thumb4{
  border-radius: 8px;
  overflow: hidden;
}

.theme-classic .si-classic-collection-stream .si-classic-collection-item .img-link,
.theme-classic.article-page .article-related-list .img-link{
  border-radius: inherit;
}

.theme-classic.article-page .article-header--classic{
  border-bottom: 1px solid rgba(148,163,184,.18);
  padding-bottom: 14px;
}

.theme-classic.article-page .article-meta-row{
  margin-bottom: 0 !important;
}

.theme-classic.article-page .article-meta-row .text-grey{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 0;
}

.theme-classic.article-page .article-meta-row .author,
.theme-classic.article-page .article-meta-row .date{
  float: none !important;
}

.theme-classic.article-page .article-hero{
  margin-bottom: 14px;
}

.theme-classic.article-page .article-hero img{
  border-radius: 10px;
}

.theme-classic.article-page .article-hero figcaption{
  margin-top: 8px;
  color: #64748b !important;
}

.theme-classic.article-page .article-pagination .pagination{
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.theme-classic.article-page .article-pagination .pagination > li{
  align-items: center;
  display: inline-flex;
}

.theme-classic.article-page .article-pagination .pagination > li > a,
.theme-classic.article-page .article-pagination .pagination > li > span{
  box-shadow: none;
  font-size: 12px;
  font-weight: 700;
  line-height: 38px;
  text-align: center;
  min-width: 36px;
  height: 36px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid rgba(148,163,184,.25);
  background: #fff;
  color: #0f172a;
}

.theme-classic.article-page .article-pagination .pagination > .active > a,
.theme-classic.article-page .article-pagination .pagination > .active > span{
  background: #0f172a;
  border-color: #0f172a;
  color: #fff;
}

.theme-classic.article-page .article-section-head{
  margin-bottom: 12px;
}

.theme-classic.article-page .article-section-head .label-to,
.theme-classic.article-page .article-latest-list .label-to,
.theme-classic.article-page .article-related-list .label-to{
  margin: 0;
}

.theme-classic.article-page .article-latest-list{
  margin-top: 2px;
}

.theme-classic.article-page .article-latest-list__items{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 18px;
}

.theme-classic.article-page .article-latest-list__item{
  margin: 0;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(148,163,184,.14);
}

.theme-classic.article-page .article-latest-list__item:last-child,
.theme-classic.article-page .article-latest-list__item:nth-last-child(2){
  padding-bottom: 0;
}

.theme-classic.article-page .article-latest-list__content{
  min-width: 0;
}

.theme-classic.article-page .article-latest-list .media-heading{
  margin: 0 0 5px;
  font-size: 15px;
  line-height: 1.3;
}

.theme-classic.article-page .article-latest-list .date{
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: #94a3b8;
}

.site-classic-footer-clean.site-classic-footer-clean--refined{
  margin-top: 18px;
}

.site-classic-footer-clean--refined .site-classic-footer-clean__row{
  align-items: center;
}

.site-classic-footer-clean--refined .site-classic-footer-clean__brand{
  min-height: 48px;
}

.site-classic-footer-clean--refined .site-classic-footer-clean__nav{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 16px;
}

.site-classic-footer-clean--refined .site-classic-footer-clean__nav li{
  margin: 0;
}

.site-classic-footer-clean--refined .site-classic-footer-clean__links a{
  font-size: 11px;
  font-weight: 700;
}

.site-classic-footer-clean--refined .site-classic-footer-clean__social{
  min-height: 48px;
}

.site-classic-footer-clean--refined .site-classic-footer-clean__meta-copy--refined{
  text-align: center;
  letter-spacing: .02em;
}

/* Classic cumulative v4: detail article typography + homepage final polish */

.theme-classic.article-page .article-hero img,
.theme-classic.article-page .article-content-compact img,
.theme-classic.article-page #articleContentCompact img{
  border-radius: 0 !important;
}

.theme-classic.article-page .article-content-compact,
.theme-classic.article-page #articleContentCompact{
  font-size: 16px !important;
  line-height: 1.48 !important;
  color: #111827;
}

.theme-classic.article-page .article-content-compact p,
.theme-classic.article-page #articleContentCompact p{
  margin: 0 0 .75em !important;
}

.theme-classic.article-page .article-content-compact h2,
.theme-classic.article-page #articleContentCompact h2{
  margin: 1em 0 .5em;
  font-size: 24px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  color: #0f172a;
}

.theme-classic.article-page .article-content-compact h3,
.theme-classic.article-page #articleContentCompact h3{
  margin: .95em 0 .45em;
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 800 !important;
  color: #0f172a;
}

.theme-classic.article-page .article-content-compact h4,
.theme-classic.article-page #articleContentCompact h4{
  margin: .9em 0 .42em;
  font-size: 18px !important;
  line-height: 1.32 !important;
  font-weight: 700 !important;
  color: #0f172a;
}

.theme-classic.article-page .article-content-compact ul,
.theme-classic.article-page .article-content-compact ol,
.theme-classic.article-page .article-content-compact blockquote{
  margin-top: .8em;
  margin-bottom: .65em;
}

.theme-classic .si-classic-home-headline{
  margin-bottom: 20px;
}

.theme-classic .si-classic-home-main > .row > .col-sm-8 > .bottom-15,
.theme-classic .si-classic-home-main > .row > .col-sm-8 > .cf > .bottom-15{
  margin-bottom: 18px !important;
}

.theme-classic .si-classic-home-main section > .hover01{
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(148,163,184,.16);
}

.theme-classic .si-classic-home-main section > .hover01:last-child{
  padding-bottom: 0;
  border-bottom: 0;
}

/* Classic cumulative v8: unified compact minimalist breadcrumbs */

.theme-classic .breadcrumb,
.theme-classic .si-kanal-breadcrumb,
.theme-classic .si-classic-collection-breadcrumb,
.theme-classic.article-page .article-breadcrumb{
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.theme-classic .breadcrumb > li,
.theme-classic .si-kanal-breadcrumb > li,
.theme-classic .si-classic-collection-breadcrumb > li,
.theme-classic.article-page .article-breadcrumb > li{
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.theme-classic .breadcrumb > li + li:before,
.theme-classic .si-kanal-breadcrumb > li + li:before,
.theme-classic .si-classic-collection-breadcrumb > li + li:before,
.theme-classic.article-page .article-breadcrumb > li + li:before{
  content: "/" !important;
  display: inline-block !important;
  padding: 0 7px !important;
  color: #94a3b8 !important;
}

.theme-classic .breadcrumb a,
.theme-classic .breadcrumb li.completed a,
.theme-classic .si-kanal-breadcrumb a,
.theme-classic .si-kanal-breadcrumb li.completed a,
.theme-classic .si-classic-collection-breadcrumb a,
.theme-classic .si-classic-collection-breadcrumb li.completed a,
.theme-classic.article-page .article-breadcrumb a,
.theme-classic.article-page .article-breadcrumb li.completed a{
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #64748b !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  text-decoration: none !important;
}

.theme-classic .breadcrumb li:last-child,
.theme-classic .si-kanal-breadcrumb li:last-child,
.theme-classic .si-classic-collection-breadcrumb li:last-child,
.theme-classic.article-page .article-breadcrumb li:last-child,
.theme-classic .breadcrumb li:last-child > a,
.theme-classic .si-kanal-breadcrumb li:last-child > a,
.theme-classic .si-classic-collection-breadcrumb li:last-child > a,
.theme-classic.article-page .article-breadcrumb li:last-child > a{
  color: #0f172a !important;
}

.theme-classic .breadcrumb li a:before,
.theme-classic .breadcrumb li a:after,
.theme-classic .si-kanal-breadcrumb li a:before,
.theme-classic .si-kanal-breadcrumb li a:after,
.theme-classic .si-classic-collection-breadcrumb li a:before,
.theme-classic .si-classic-collection-breadcrumb li a:after,
.theme-classic.article-page .article-breadcrumb li a:before,
.theme-classic.article-page .article-breadcrumb li a:after{
  content: none !important;
  display: none !important;
}

.theme-classic .breadcrumb a:hover,
.theme-classic .si-kanal-breadcrumb a:hover,
.theme-classic .si-classic-collection-breadcrumb a:hover,
.theme-classic.article-page .article-breadcrumb a:hover,
.theme-classic .breadcrumb a:focus,
.theme-classic .si-kanal-breadcrumb a:focus,
.theme-classic .si-classic-collection-breadcrumb a:focus,
.theme-classic.article-page .article-breadcrumb a:focus{
  color: #334155 !important;
}

/* Homepage gallery/video redesign v9: compact, minimal, more classic-friendly */

.theme-classic .si-classic-home-gallery,
.theme-classic .si-classic-home-video{
  color: #f8fafc;
  margin-top: 4px;
  position: relative;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  padding: 14px 14px 10px !important;
  margin-bottom: 26px !important;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(15,23,42,.04) !important;
}

.theme-classic .si-classic-home-gallery:before,
.theme-classic .si-classic-home-video:before{
  width: 100%;
  inset: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #1d4ed8;
  opacity: 1;
}

.theme-classic .si-classic-home-video:before{
  background: #dc2626;
}

.theme-classic .si-classic-home-gallery > *,
.theme-classic .si-classic-home-video > *{
  position: relative;
  z-index: 1;
}

.theme-classic .si-classic-home-gallery .label-to,
.theme-classic .si-classic-home-video .label-to{
  margin-bottom: 12px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid #eef2f7;
}

.theme-classic .si-classic-home-gallery .label-to h2,
.theme-classic .si-classic-home-video .label-to h2{
  padding: 0 !important;
  margin: 0 !important;
  color: #0f172a !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
  float: none !important;
}

.theme-classic .si-classic-home-gallery .label-to p,
.theme-classic .si-classic-home-video .label-to p{
  margin: 0 !important;
  float: none !important;
}

.theme-classic .si-classic-home-gallery .label-to small,
.theme-classic .si-classic-home-video .label-to small{
  padding-top: 4px;
  display: block;
}


/* === classic-polish-listing.css === */
/* classic polish listing */

.theme-classic .si-classic-home-gallery .label-to a,
.theme-classic .si-classic-home-video .label-to a{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .05em;
  text-decoration: none !important;
}

.theme-classic .si-classic-home-gallery .label-to a:hover,
.theme-classic .si-classic-home-video .label-to a:hover{
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

.theme-classic .si-classic-home-gallery .row,
.theme-classic .si-classic-home-video .row{
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px !important;
  margin-right: -6px !important;
}

.theme-classic .si-classic-home-gallery .si-classic-gallery-item,
.theme-classic .si-classic-home-video .si-classic-video-item{
  padding-left: 6px !important;
  padding-right: 6px !important;
  margin-bottom: 0 !important;
}

.theme-classic .si-classic-home-gallery .thumbnail,
.theme-classic .si-classic-home-video .thumbnail{
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  box-shadow: 0 4px 14px rgba(15,23,42,.04) !important;
  overflow: hidden;
}

.theme-classic .si-classic-home-gallery .thumbnail:hover,
.theme-classic .si-classic-home-video .thumbnail:hover{
  border-color: #cbd5e1 !important;
  box-shadow: 0 10px 22px rgba(15,23,42,.08) !important;
}

.theme-classic .si-classic-gallery-thumb-link,
.theme-classic .si-classic-video-thumb-link{
  display: block;
  text-decoration: none !important;
}

.theme-classic .si-classic-home-gallery figure,
.theme-classic .si-classic-home-video .box-video{
  margin-bottom: 10px;
  border: 0 !important;
  position: relative;
  margin: 0 !important;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: #e2e8f0 !important;
}

.theme-classic .si-classic-home-gallery figure img,
.theme-classic .si-classic-home-video .box-video img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.theme-classic .si-classic-home-gallery .thumbnail:hover figure img,
.theme-classic .si-classic-home-video .thumbnail:hover .box-video img{
  transform: scale(1.04);
}

.theme-classic .si-classic-home-gallery figure:after,
.theme-classic .si-classic-home-video .box-video:after{
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 38%;
  background: linear-gradient(to top, rgba(15,23,42,.42), rgba(15,23,42,0));
  pointer-events: none;
}

.theme-classic .si-classic-home-gallery figcaption{
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.94);
  color: #0f172a;
  font-size: 14px;
  z-index: 2;
}

.theme-classic .si-classic-home-video .box-video-icon{
  border: 1px solid rgba(255,255,255,.22);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(15,23,42,.78) !important;
  color: #ffffff !important;
  font-size: 16px;
  z-index: 2;
}

.theme-classic .si-classic-home-gallery .caption,
.theme-classic .si-classic-home-video .caption{
  padding: 10px 12px 12px !important;
  background: #ffffff !important;
}

.theme-classic .si-classic-home-gallery .caption h4,
.theme-classic .si-classic-home-video .caption h4{
  margin: 0 0 6px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
}

.theme-classic .si-classic-home-gallery .caption h4 a,
.theme-classic .si-classic-home-video .caption h4 a{
  color: #0f172a !important;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.theme-classic .si-classic-home-gallery .caption h4 a:hover,
.theme-classic .si-classic-home-video .caption h4 a:hover{
  color: #1d4ed8 !important;
}

.theme-classic .si-classic-home-gallery .caption .date,
.theme-classic .si-classic-home-video .caption .date{
  margin: 0 !important;
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

.theme-classic .si-classic-home-gallery .caption .date i,
.theme-classic .si-classic-home-video .caption .date i{
  color: #94a3b8 !important;
}

@media (max-width:767px){
  .site-classic-footer-clean .copyright{
    padding: 16px 0 12px;
  }

  .theme-classic .site-classic-topbar-clean__row{
    min-height: 48px;
  }

  .theme-classic .si-classic-home-headline .featured__content .desc{
    padding: 14px 16px 12px !important;
  }

  .theme-classic .si-classic-home-gallery,
  .theme-classic .si-classic-home-video{
    padding: 12px 12px 8px !important;
    margin-bottom: 22px !important;
  }

  .theme-classic.article-page .breadcrumb{
    gap: 5px;
    margin-bottom: 12px;
  }

  .theme-classic.article-page .article-tags-inline{
    gap: 5px !important;
    padding-top: 3px !important;
  }

  .theme-classic.article-page .article-breadcrumb{
    gap: 5px;
    margin-bottom: 10px;
  }

  .theme-classic.article-page .article-title,
  .theme-classic.article-page .post h1,
  .theme-classic.article-page .post .text-black strong{
    letter-spacing: -.025em;
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  .theme-classic .breadcrumb,
  .theme-classic .si-kanal-breadcrumb,
  .theme-classic.article-page .breadcrumb,
  .theme-classic.article-page .article-breadcrumb{
    margin-bottom: 12px;
    padding: 9px 12px;
    border-radius: 4px !important;
  }

  .theme-classic .si-classic-collection-breadcrumb,
  .theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb{
    margin-bottom: 12px;
    padding: 9px 12px;
  }

  .theme-classic.article-page .article-content-compact,
  .theme-classic.article-page #articleContentCompact{
    font-size: 15.5px !important;
    line-height: 1.46 !important;
  }

  .theme-classic .breadcrumb,
  .theme-classic .si-kanal-breadcrumb,
  .theme-classic .si-classic-collection-breadcrumb,
  .theme-classic.article-page .article-breadcrumb{
    margin: 0 0 10px !important;
  }

  .theme-classic .si-classic-home-headline .featured__content h4{
    font-size: 17px;
    line-height: 1.3;
  }

  .theme-classic .site-classic-topbar-clean__brandwrap,
  .theme-classic .site-classic-topbar-clean__logo{
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .theme-classic .si-classic-home-gallery .label-to,
  .theme-classic .si-classic-home-video .label-to{
    padding: 0 2px;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    gap: 8px;
  }

  .theme-classic.article-page .breadcrumb li a,
  .theme-classic.article-page .breadcrumb li.completed a{
    font-size: 11px;
  }

  .theme-classic.article-page .article-tags-inline__label{
    width: 100%;
    padding-top: 0;
    font-size: 10px !important;
    margin-right: 2px;
  }

  .theme-classic.article-page .article-breadcrumb > li > a{
    min-height: 24px;
    padding: 3px 9px;
    font-size: 11px;
  }

  .theme-classic .breadcrumb a,
  .theme-classic .breadcrumb li.completed a,
  .theme-classic .si-kanal-breadcrumb a,
  .theme-classic.article-page .breadcrumb a,
  .theme-classic.article-page .breadcrumb li.completed a,
  .theme-classic.article-page .article-breadcrumb a,
  .theme-classic.article-page .article-breadcrumb li.completed a{
    font-size: 12px !important;
  }

  .theme-classic.article-page .article-content-compact,
  .theme-classic.article-page .post-content.article-content-compact{
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  .theme-classic .si-classic-collection-breadcrumb a,
  .theme-classic .si-classic-collection-breadcrumb li.completed a,
  .theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb a,
  .theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb li.completed a{
    font-size: 12px !important;
  }

  .theme-classic.article-page .article-reading-tools{
    margin: 6px 0 10px;
    padding: 7px 0 8px;
  }

  .theme-classic.article-page .article-content-compact h2,
  .theme-classic.article-page #articleContentCompact h2{
    font-size: 21px !important;
  }

  .theme-classic .breadcrumb > li,
  .theme-classic .si-kanal-breadcrumb > li,
  .theme-classic .si-classic-collection-breadcrumb > li,
  .theme-classic.article-page .article-breadcrumb > li{
    font-size: 10px !important;
    letter-spacing: .035em !important;
  }

  .site-classic-footer-clean__brand,
  .site-classic-footer-clean__social{
    justify-content: center;
  }

  .theme-classic .si-classic-home-main .hover01{
    gap: 12px;
  }

  .theme-classic .site-classic-logo-original,
  .theme-classic .site-classic-topbar-clean__logo .site-classic-logo-original,
  .theme-classic .site-classic-topbar-clean__logo img{
    max-height: 44px;
  }

  .theme-classic.article-page .post h1,
  .theme-classic.article-page .post .text-black strong{
    font-size: 25px;
    line-height: 1.16;
    letter-spacing: -.02em;
  }

  .theme-classic.article-page .article-tags-inline__items{
    gap: 4px !important;
  }

  .theme-classic .breadcrumb > li + li:before,
  .theme-classic .si-kanal-breadcrumb > li + li:before,
  .theme-classic.article-page .breadcrumb > li + li:before,
  .theme-classic.article-page .article-breadcrumb > li + li:before{
    padding: 0 6px;
  }

  .theme-classic.article-page .article-content-compact p,
  .theme-classic.article-page .post-content.article-content-compact p{
    margin-bottom: .66em !important;
  }

  .theme-classic .si-classic-collection-breadcrumb > li + li:before,
  .theme-classic.article-page .article-breadcrumb.si-classic-collection-breadcrumb > li + li:before{
    padding: 0 6px;
  }

  .theme-classic .si-classic-home-gallery .label-to h2,
  .theme-classic .si-classic-home-video .label-to h2{
    font-size: 16px !important;
  }

  .theme-classic.article-page .article-content-compact h3,
  .theme-classic.article-page #articleContentCompact h3{
    font-size: 18px !important;
  }

  .theme-classic .breadcrumb > li + li:before,
  .theme-classic .si-kanal-breadcrumb > li + li:before,
  .theme-classic .si-classic-collection-breadcrumb > li + li:before,
  .theme-classic.article-page .article-breadcrumb > li + li:before{
    padding: 0 6px !important;
  }

  .site-classic-footer-clean__row{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 10px;
  }

  .theme-classic .si-classic-home-main .hover01 .media-left.thumb-post{
    flex: 0 0 118px;
    width: 118px;
    height: 78px;
  }

  .theme-classic.article-page .article-tags-inline__item{
    min-height: 20px !important;
    padding: 2px 6px !important;
    font-size: 10px !important;
  }

  .theme-classic.article-page .article-related-list__thumb,
  .theme-classic.article-page .article-related-list__thumb.media-right{
    flex: 0 0 96px !important;
    width: 96px !important;
    min-width: 96px !important;
  }

  .theme-classic.article-page .article-pagination{
    margin: 14px 0 10px;
  }

  .theme-classic .si-classic-collection-page--kanal .si-classic-collection-intro h1,
  .theme-classic .si-classic-collection-page--tag .si-classic-collection-intro h1,
  .theme-classic .tag-page--classic .si-classic-collection-intro h1,
  .theme-classic .kanal-page--classic .si-classic-collection-intro h1{
    font-size: 24px;
  }

  .theme-classic .si-classic-home-gallery .label-to a,
  .theme-classic .si-classic-home-video .label-to a{
    letter-spacing: .06em;
    min-height: 24px;
    padding: 0 8px;
    font-size: 10px !important;
  }

  .theme-classic.article-page .article-content-compact h4,
  .theme-classic.article-page #articleContentCompact h4{
    font-size: 16px !important;
  }

  .site-classic-footer-clean__brand{
    justify-content: flex-start;
    margin-bottom: 0;
  }

  .theme-classic .si-classic-home-gallery .si-classic-gallery-item,
  .theme-classic .si-classic-home-video .si-classic-video-item{
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 12px !important;
  }

  .theme-classic .si-classic-home-gallery .thumbnail,
  .theme-classic .si-classic-home-video .thumbnail{
    margin-bottom: 0;
    padding: 7px !important;
  }

  .theme-classic .si-classic-home-main .hover01 .post-thumb4,
  .theme-classic .si-classic-home-main .hover01 .gambarkecil{
    height: 78px;
  }

  .theme-classic.article-page .article-pagination .pagination{
    gap: 5px;
  }

  .theme-classic.article-page .article-related-list__item{
    gap: 8px !important;
    padding-bottom: 7px !important;
    margin-bottom: 7px !important;
  }

  .theme-classic.article-page .article-related-list__thumb .post-thumb4,
  .theme-classic.article-page .article-related-list__thumb .gambarkecil{
    width: 96px !important;
    height: 60px !important;
  }

  .theme-classic .si-classic-home-main > .row > .col-sm-8 > .bottom-15,
  .theme-classic .si-classic-home-main > .row > .col-sm-8 > .cf > .bottom-15{
    margin-bottom: 16px !important;
  }

  .site-classic-footer-clean__social ul{
    justify-content: center;
  }

  .theme-classic .si-classic-home-main .hover01 h3.media-heading{
    font-size: 14px;
    line-height: 1.28;
    margin-bottom: 5px;
  }

  .theme-classic.article-page .article-pagination .pagination > li > a,
  .theme-classic.article-page .article-pagination .pagination > li > span{
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    line-height: 34px;
    font-size: 11px;
    border-radius: 9px;
  }

  .theme-classic.article-page .article-editor-line{
    padding: 8px 0 6px;
  }

  .site-classic-footer-logo-clean{
    display: none;
  }

  .theme-classic .si-classic-collection-stream .si-classic-collection-item .media-right.thumb-post{
    flex: 0 0 118px;
    width: 118px;
    min-width: 118px;
  }

  .theme-classic .si-classic-home-main section > .hover01{
    padding-bottom: 12px;
  }

  .theme-classic .si-classic-home-gallery .si-classic-gallery-item:last-child,
  .theme-classic .si-classic-home-video .si-classic-video-item:last-child{
    margin-bottom: 0 !important;
  }

  .theme-classic .site-classic-nav-colored,
  .theme-classic .site-classic-nav-colored.sticky{
    top: 0;
  }

  .theme-classic .si-classic-home-main .hover01 .date{
    font-size: 11px;
  }

  .theme-classic .si-classic-home-gallery .caption,
  .theme-classic .si-classic-home-video .caption{
    padding: 9px 10px 10px !important;
  }

  .theme-classic.article-page .article-editor-line .editor{
    text-align: left;
    font-size: 12px;
  }

  .site-classic-footer-emblem-mobile{
    display: block;
  }

  .theme-classic .si-classic-collection-stream .si-classic-collection-item .post-thumb4,
  .theme-classic .si-classic-collection-stream .si-classic-collection-item .gambarkecil{
    width: 118px;
    height: 76px;
  }

  .theme-classic .site-classic-topbar-clean,
  .theme-classic .site-classic-nav-colored,
  .theme-classic .site-classic-nav-colored__scroll,
  .theme-classic .site-classic-nav-colored .navbar-collapse,
  .theme-classic .site-classic-nav-colored .navbar-nav{
    max-width: 100vw;
  }

  .site-classic-footer-clean__social{
    justify-content: flex-end;
  }

  .theme-classic .si-classic-home-gallery .caption h4,
  .theme-classic .si-classic-home-video .caption h4{
    font-size: 14px !important;
  }

  .site-classic-footer-clean__links{
    width: 100%;
    justify-content: flex-start;
    gap: 8px 12px;
    margin: 2px 0 0;
  }

  .theme-classic .site-classic-nav-colored .navbar-nav{
    min-width: 0;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0 6px;
  }

  .theme-classic .si-classic-home-video .box-video-icon{
    width: 40px;
    height: 40px;
    font-size: 14px;
  }

  .theme-classic .site-classic-nav-colored .navbar-nav > li > a{
    min-height: 44px;
    font-size: 13px;
    padding: 12px 11px !important;
  }

  .theme-classic .container.cont,
  .theme-classic .si-classic-home-main{
    padding-top: 10px;
  }

  .theme-classic.article-page .article-related-list .media-heading{
    font-size: 13px;
    line-height: 1.22;
    margin-bottom: 3px;
  }

  .site-classic-footer-clean__social.site-classic-footer-clean__social--compact ul{
    justify-content: flex-end;
  }

  .theme-classic .site-classic-nav-colored + .si-classic-home-main{
    padding-top: 12px;
  }

  .theme-classic.article-page .article-related-list .date{
    font-size: 10px;
  }

  .site-classic-footer-clean__meta{
    padding: 9px 0 11px;
  }

  .theme-classic .si-classic-home-headline .si-classic-headline-item:nth-child(n/**/+2),
  .theme-classic .si-classic-home-gallery .si-classic-gallery-item:nth-child(n/**/+2),
  .theme-classic .si-classic-home-video .si-classic-video-item:nth-child(n/**/+2){
    display: none !important;
  }

  .theme-classic.article-page .article-related-list .label-to,
  .theme-classic.article-page .thumb-ito.entry-content .label-to{
    font-size: 18px;
  }

  .site-classic-footer-clean__meta-copy{
    font-size: 11px;
  }

  .theme-classic .si-classic-home-headline .si-classic-headline-item,
  .theme-classic .si-classic-home-gallery .si-classic-gallery-item,
  .theme-classic .si-classic-home-video .si-classic-video-item{
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .theme-classic .si-classic-home-headline .featured__content{
    margin-bottom: 0;
  }

  .theme-classic .si-classic-home-gallery .row,
  .theme-classic .si-classic-home-video .row{
    margin-left: 0;
    margin-right: 0;
  }

  .theme-classic.article-page .post h1{
    font-size: 30px;
    line-height: 1.18;
    margin-bottom: 10px;
  }

  .theme-classic.article-page .post-info .author,
  .theme-classic.article-page .post-info .date{
    float: none !important;
    display: block;
    font-size: 12px;
  }

  .theme-classic.article-page .post-info .author span{
    display: none;
  }

  .theme-classic.article-page .post-content p{
    font-size: 16px;
    line-height: 1.76;
  }

  .theme-classic.article-page .media-left,
  .theme-classic.article-page .media-right,
  .theme-classic.article-page .thumb-post,
  .theme-classic.article-page .media-content{
    display: block;
    width: 100%;
    float: none;
  }

  .theme-classic.article-page .thumb-post{
    margin-top: 10px;
  }
}

/* Cumulative v10: dedicated latest page separated from category layout */

.theme-classic.latest-page--classic .si-classic-collection-page--latest{
  padding-top: 16px;
}

.theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-intro{
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid rgba(148,163,184,.18);
}

.theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-intro__kicker{
  display: inline-block;
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #475569;
}

.theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-intro h1{
  margin: 0;
  font-size: 32px;
  line-height: 1.15;
  color: #0f172a;
  word-break: break-word;
}

.theme-classic.latest-page--classic .si-classic-latest-headline{
  margin-bottom: 18px;
}

.theme-classic.latest-page--classic .si-classic-latest-stream .si-classic-latest-item{
  align-items: flex-start;
}

.theme-classic.latest-page--classic .si-classic-latest-stream .si-classic-latest-item .media-left.thumb-post{
  order: 0;
}

.theme-classic.latest-page--classic .si-classic-latest-stream .si-classic-latest-item .media-right.media-content{
  order: 1;
}

/* Homepage classic: latest page link under stream */

.si-classic-home-latest-link-wrap{
  margin: 8px 0 22px;
  text-align: center;
}

.si-classic-home-latest-link{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid #d7dce3;
  border-radius: 999px;
  background: #fff;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .18s ease;
}

.si-classic-home-latest-link:hover,
.si-classic-home-latest-link:focus{
  border-color: #0f172a;
  color: #0f172a;
  text-decoration: none;
}

.si-classic-home-latest-link .fa{
  font-size: 11px;
}

/* Cumulative v12: latest page cleaner header and no oversized headline */

.theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-breadcrumb{
  margin-bottom: 10px !important;
}

.theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-breadcrumb li:last-child a,
.theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-breadcrumb li:last-child{
  font-weight: 700;
}

.theme-classic.latest-page--classic .si-classic-latest-intro--centered{
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;
  text-align: center;
  border-bottom: 1px solid rgba(148,163,184,.22) !important;
}

.theme-classic.latest-page--classic .si-classic-latest-intro--centered .si-classic-collection-intro__kicker{
  display: none !important;
}

.theme-classic.latest-page--classic .si-classic-latest-intro--centered h1{
  display: block;
  margin: 0 auto !important;
  font-size: 28px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
  text-align: center !important;
}

.theme-classic.latest-page--classic .si-classic-latest-stream{
  margin-top: 0 !important;
}

.theme-classic.latest-page--classic .si-classic-latest-stream .si-classic-latest-item:first-child{
  padding-top: 0 !important;
}

/* Cumulative v13: latest page fast-updates editorial layout */

.theme-classic.latest-page--classic .si-classic-latest-page-shell{
  padding-top: 14px;
}

.theme-classic.latest-page--classic .si-classic-collection-breadcrumb--latest{
  margin-bottom: 12px !important;
}

.theme-classic.latest-page--classic .si-classic-collection-breadcrumb--latest > li,
.theme-classic.latest-page--classic .si-classic-collection-breadcrumb--latest > li a,
.theme-classic.latest-page--classic .si-classic-collection-breadcrumb--latest > li span{
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: .04em;
  color: #64748b !important;
  text-transform: uppercase;
}

.theme-classic.latest-page--classic .si-classic-collection-breadcrumb--latest > li:last-child,
.theme-classic.latest-page--classic .si-classic-collection-breadcrumb--latest > li:last-child span{
  color: #0f172a !important;
}

.theme-classic.latest-page--classic .si-classic-latest-intro--editorial{
  position: relative;
  margin: 0 0 18px !important;
  padding: 2px 0 18px !important;
  border-bottom: 0 !important;
  text-align: center;
}

.theme-classic.latest-page--classic .si-classic-latest-intro--editorial:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  background: #d8dde6;
  transform: translateY(-50%);
  z-index: 0;
}

.theme-classic.latest-page--classic .si-classic-latest-intro--editorial h1{
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 auto !important;
  padding: 0 22px 14px !important;
  background: #fff;
  font-size: 52px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  color: #0f172a !important;
  text-align: center !important;
}

.theme-classic.latest-page--classic .si-classic-latest-intro--editorial h1:after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 70px;
  height: 4px;
  background: #2b8fdc;
  border-radius: 999px;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense{
  margin-top: 2px !important;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial{
  gap: 18px;
  padding: 0 0 16px;
  margin: 0 0 16px !important;
  align-items: flex-start;
  border-bottom: 1px solid #dde3ea;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-left.thumb-post{
  flex: 0 0 180px;
  width: 180px;
  min-width: 180px;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .post-thumb4,
.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .gambarkecil{
  width: 180px;
  height: 102px;
  border-radius: 6px;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .post-thumb4{
  overflow: hidden;
  background: #e5e7eb;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-right.media-content{
  flex: 1 1 auto;
  min-width: 0;


/* === classic-polish-stability.css === */
/* classic polish stability */
  padding-right: 0;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-heading{
  margin: 0 0 8px !important;
  font-size: 21px !important;
  line-height: 1.23 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-heading a{
  color: #111827 !important;
  text-decoration: none !important;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-heading a:hover{
  color: #0f172a !important;
  opacity: .88;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .date{
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #718096 !important;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .date i{
  color: #8da2b5;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .short-text{
  display: none !important;
}

.theme-classic.latest-page--classic .si-classic-latest-sidebar-wrap{
  padding-left: 24px;
}

.theme-classic.latest-page--classic .si-classic-latest-sidebar .theiaStickySidebar,
.theme-classic.latest-page--classic .si-classic-latest-sidebar{
  padding-top: 6px;
}

.theme-classic.latest-page--classic .si-classic-latest-sidebox{
  margin: 0 0 20px;
  padding: 18px 16px;
  border: 1px solid #e3e8ef;
  background: #fff;
  box-shadow: none;
}

.theme-classic.latest-page--classic .si-classic-latest-sidebox__head{
  position: relative;
  margin: 0 0 16px;
  padding-left: 14px;
}

.theme-classic.latest-page--classic .si-classic-latest-sidebox__head:before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 2px;
  width: 3px;
  background: #2b8fdc;
  border-radius: 999px;
}

.theme-classic.latest-page--classic .si-classic-latest-sidebox__head h2{
  margin: 0;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .02em;
  color: #111827;
  text-transform: uppercase;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 0 0 14px;
  margin: 0 0 14px;
  border-bottom: 1px solid #e7ebf0;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb{
  position: relative;
  flex: 0 0 125px;
  width: 125px;
  min-width: 125px;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  background: #e5e7eb;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb img{
  display: block;
  width: 125px;
  height: 76px;
  object-fit: cover;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item__badge{
  position: absolute;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  background: #0f172a;
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  border-bottom-right-radius: 8px;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item h3{
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  line-height: 1.34;
  font-weight: 800;
  letter-spacing: -.01em;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item h3 a{
  color: #111827;
  text-decoration: none;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item h3 a:hover{
  color: #0f172a;
  opacity: .88;
}

.theme-classic.latest-page--classic .si-classic-latest-socials{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.theme-classic.latest-page--classic .si-classic-latest-socials__item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 46px;
  border: 1px solid #e3e8ef;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  text-decoration: none;
  font-size: 22px;
  transition: all .18s ease;
}

.theme-classic.latest-page--classic .si-classic-latest-socials__item:hover{
  border-color: #2b8fdc;
  color: #2b8fdc;
  text-decoration: none;
  transform: translateY(-1px);
}

.theme-classic.latest-page--classic .si-classic-latest-socials__item .site-social-icon{
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.theme-classic.latest-page--classic .si-classic-latest-socials__item .site-social-icon svg{
  width: 100%;
  height: 100%;
}

@media (max-width: 1199px){
  .theme-classic.latest-page--classic .si-classic-latest-intro--editorial h1{
    font-size: 46px !important;
  }

  .theme-classic.latest-page--classic .si-classic-latest-sidebar-wrap{
    padding-left: 18px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-left.thumb-post{
    flex: 0 0 168px;
    width: 168px;
    min-width: 168px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .post-thumb4,
  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .gambarkecil{
    width: 168px;
    height: 96px;
  }
}

@media (max-width: 991px){
  .theme-classic.article-page .article-title,
  .theme-classic.article-page .post h1,
  .theme-classic.article-page .post .text-black strong{
    font-size: 30px !important;
  }

  .theme-classic .si-classic-collection-intro h1{
    font-size: 28px;
  }

  .theme-classic .si-classic-collection-header,
  .theme-classic.article-page .article-header--classic{
    margin-bottom: 14px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-intro--editorial h1{
    font-size: 38px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .theme-classic.article-page .article-content-compact,
  .theme-classic.article-page .post-content.article-content-compact{
    font-size: 16px;
    line-height: 1.68;
  }

  .theme-classic.article-page .article-latest-list__items{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-sidebar-wrap{
    padding-left: 15px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-heading{
    font-size: 19px !important;
  }

  .theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb{
    flex: 0 0 110px;
    width: 110px;
    min-width: 110px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb img{
    width: 110px;
    height: 68px;
  }
}

/* Cumulative v22: restore related articles to compact two-column rows */

.theme-classic.article-page .article-related-list{
  margin-top: 4px;
}

.theme-classic.article-page .article-related-list__items{
  margin: 0;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px 14px;
  display: block !important;
}

.theme-classic.article-page .article-related-list__item{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 0 0 10px !important;
  margin: 0 0 10px !important;
  min-height: 0 !important;
  border-bottom: 1px solid rgba(148,163,184,.16) !important;
}

.theme-classic.article-page .article-related-list__item:last-child{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.theme-classic.article-page .article-related-list .media-left.media-content{
  float: none !important;
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  padding-right: 0 !important;
}

.theme-classic.article-page .article-related-list .media-right.thumb-post{
  float: none !important;
  display: block !important;
  flex: 0 0 138px !important;
  width: 138px !important;
  min-width: 138px !important;
  margin-left: 0 !important;
}

.theme-classic.article-page .article-related-list .media-right.thumb-post .post-thumb4{
  width: 138px !important;
  height: 84px !important;
  overflow: hidden !important;
  background: #e5e7eb !important;
}

.theme-classic.article-page .article-related-list .media-right.thumb-post .gambarkecil{
  display: block !important;
  width: 138px !important;
  height: 84px !important;
  object-fit: cover !important;
}

.theme-classic.article-page .article-related-list .media-heading{
  font-weight: 700;
  margin: 0 0 5px !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
}

.theme-classic.article-page .article-related-list .media-heading a{
  display: block;
}

.theme-classic.article-page .article-related-list .date{
  color: #94a3b8;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Related Articles: 2-column compact grid, title left and thumbnail right */

.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__items--grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  column-gap: 22px;
  row-gap: 0;
  margin: 0;
}

.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__item--grid{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between;
  gap: 12px !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  min-width: 0;
  border-bottom: 1px solid rgba(148,163,184,.16) !important;
}

.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__content{
  flex: 1 1 auto;
  min-width: 0;
  padding-right: 0 !important;
}

.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb,
.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb.media-right,
.theme-classic.article-page .article-related-list--two-col-compact .media-right.thumb-post{
  flex: 0 0 118px !important;
  width: 118px !important;
  min-width: 118px !important;
  margin: 0 !important;
  float: none !important;
}

.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb .post-thumb4,
.theme-classic.article-page .article-related-list--two-col-compact .media-right.thumb-post .post-thumb4{
  position: relative;
  width: 118px !important;
  height: 74px !important;
  overflow: hidden !important;
  background: #e5e7eb !important;
}

.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb .gambarkecil,
.theme-classic.article-page .article-related-list--two-col-compact .media-right.thumb-post .gambarkecil{
  display: block !important;
  width: 118px !important;
  height: 74px !important;
  object-fit: cover !important;
}

.theme-classic.article-page .article-related-list--two-col-compact .media-heading{
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
}

.theme-classic.article-page .article-related-list--two-col-compact .media-heading a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
}

.theme-classic.article-page .article-related-list--two-col-compact .date{
  display: none !important;
}

.theme-classic.article-page .article-related-list--two-col-compact .article-related-list__item--grid:nth-last-child(-n/**/+2){
  border-bottom: none !important;
}

@media (max-width: 767px){
  .theme-classic.article-page .article-breadcrumb,
  .theme-classic.article-page .breadcrumb.article-breadcrumb{
    margin-bottom: 10px;
  }

  .theme-classic .si-classic-collection-page{
    padding-top: 12px;
  }

  .theme-classic .si-classic-collection-header .si-classic-collection-breadcrumb,
  .theme-classic.article-page .article-header--classic .article-breadcrumb{
    margin-bottom: 8px;
  }

  .theme-classic.latest-page--classic .si-classic-collection-page--latest{
    padding-top: 12px;
  }

  .si-classic-home-latest-link-wrap{
    margin: 6px 0 18px;
  }

  .theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-breadcrumb{
    margin-bottom: 8px !important;
  }

  .theme-classic.latest-page--classic .si-classic-latest-page-shell{
    padding-top: 12px;
  }

  .theme-classic.article-page .article-related-list__item{
    gap: 10px !important;
    padding-bottom: 9px !important;
    margin-bottom: 9px !important;
  }

  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__items--grid{
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
  }

  .theme-classic.article-page .article-breadcrumb a,
  .theme-classic.article-page .article-breadcrumb li.completed a{
    font-size: 11px !important;
  }

  .theme-classic .si-classic-collection-breadcrumb > li{
    font-size: 10px;
  }

  .theme-classic.article-page .article-header--classic{
    padding-bottom: 12px;
  }

  .theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-intro{
    margin-bottom: 12px;
    padding-bottom: 10px;
  }

  .si-classic-home-latest-link{
    width: auto;
    max-width: 100%;
    padding: 9px 14px;
    font-size: 11px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-intro--centered{
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
  }

  .theme-classic.latest-page--classic .si-classic-collection-breadcrumb--latest{
    margin-bottom: 8px !important;
  }

  .theme-classic.article-page .article-related-list .media-right.thumb-post{
    flex: 0 0 108px !important;
    width: 108px !important;
    min-width: 108px !important;
  }

  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__item--grid{
    padding: 8px 0 !important;
  }

  .theme-classic.article-page .article-breadcrumb > li + li:before{
    padding: 0 5px;
  }

  .theme-classic .si-classic-collection-intro{
    margin-bottom: 12px;
    padding-bottom: 10px;
  }

  .theme-classic.article-page .article-meta-row .text-grey{
    gap: 4px 0;
  }

  .theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-intro__kicker{
    margin-bottom: 4px;
    font-size: 10px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-intro--centered h1{
    font-size: 22px !important;
    line-height: 1.16 !important;
  }

  .theme-classic.latest-page--classic .si-classic-latest-intro--editorial{
    margin-bottom: 14px !important;
    padding-bottom: 14px !important;
  }

  .theme-classic.article-page .article-related-list .media-right.thumb-post .post-thumb4,
  .theme-classic.article-page .article-related-list .media-right.thumb-post .gambarkecil{
    width: 108px !important;
    height: 68px !important;
  }

  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb,
  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb.media-right,
  .theme-classic.article-page .article-related-list--two-col-compact .media-right.thumb-post{
    flex: 0 0 108px !important;
    width: 108px !important;
    min-width: 108px !important;
  }

  .theme-classic.article-page .article-title,
  .theme-classic.article-page .post h1,
  .theme-classic.article-page .post .text-black strong{
    font-size: 24px !important;
    line-height: 1.16 !important;
  }

  .theme-classic .si-classic-collection-intro__kicker{
    margin-bottom: 4px;
    font-size: 10px;
  }

  .theme-classic.article-page .article-pagination .pagination > li > a,
  .theme-classic.article-page .article-pagination .pagination > li > span{
    min-width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .theme-classic.latest-page--classic .si-classic-collection-page--latest .si-classic-collection-intro h1{
    font-size: 22px;
    line-height: 1.18;
  }

  .theme-classic.latest-page--classic .si-classic-latest-intro--editorial h1{
    display: block;
    font-size: 26px !important;
    line-height: 1.08 !important;
    padding: 0 12px 12px !important;
  }

  .theme-classic.article-page .article-related-list .media-heading{
    font-size: 14px !important;
  }

  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb .post-thumb4,
  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__thumb .gambarkecil,
  .theme-classic.article-page .article-related-list--two-col-compact .media-right.thumb-post .post-thumb4,
  .theme-classic.article-page .article-related-list--two-col-compact .media-right.thumb-post .gambarkecil{
    width: 108px !important;
    height: 68px !important;
  }

  .theme-classic.article-page .article-reading-tools{
    gap: 8px;
    margin-bottom: 10px;
  }

  .theme-classic .si-classic-collection-intro h1{
    font-size: 22px;
    line-height: 1.18;
  }

  .theme-classic.article-page .article-latest-list .media-heading{
    font-size: 14px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-intro--editorial h1:after{
    width: 52px;
    height: 3px;
  }

  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__item--grid:nth-last-child(-n/**/+2){
    border-bottom: 1px solid rgba(148,163,184,.16) !important;
  }

  .theme-classic.article-page .article-reading-tools__label{
    font-size: 10px;
  }

  .theme-classic .si-classic-collection-stream .si-classic-collection-item{
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px !important;
  }

  .site-classic-footer-clean--refined .site-classic-footer-clean__row{
    row-gap: 12px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial{
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: 12px !important;
  }

  .theme-classic.article-page .article-related-list--two-col-compact .article-related-list__item--grid:last-child{
    border-bottom: none !important;
  }

  .theme-classic.article-page .article-reading-tools__btn{
    min-width: 34px;
    height: 28px;
    padding: 0 9px;
    font-size: 11px;
  }

  .theme-classic .si-classic-collection-stream .si-classic-collection-item .media-left.thumb-post{
    flex: 0 0 118px;
    width: 118px;
    min-width: 118px;
  }

  .site-classic-footer-clean--refined .site-classic-footer-clean__nav{
    justify-content: flex-start;
    gap: 8px 12px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-left.thumb-post{
    flex: 0 0 118px;
    width: 118px;
    min-width: 118px;
  }

  .theme-classic.article-page .article-content-compact,
  .theme-classic.article-page .post-content.article-content-compact{
    font-size: 15px;
    line-height: 1.64;
  }

  .theme-classic .si-classic-collection-stream .si-classic-collection-item .post-thumb4,.theme-classic .si-classic-collection-stream .si-classic-collection-item .gambarkecil{
    width: 118px;
    height: 76px;
  }

  .site-classic-footer-clean--refined .site-classic-footer-clean__social{
    justify-content: flex-end;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .post-thumb4,
  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .gambarkecil{
    width: 118px;
    height: 74px;
    border-radius: 5px;
  }

  .theme-classic.article-page .article-content-compact p,
  .theme-classic.article-page .post-content.article-content-compact p{
    margin-bottom: .82em;
  }

  .theme-classic .si-classic-collection-stream .si-classic-collection-item .media-heading{
    font-size: 16px;
    line-height: 1.24;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-heading{
    margin-bottom: 6px !important;
    font-size: 16px !important;
    line-height: 1.24 !important;
  }


  .theme-classic .si-classic-collection-stream .si-classic-collection-item .short-text{
    font-size: 14px;
    line-height: 1.5;
  }

  .theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .date{
    font-size: 11px !important;
  }

  .theme-classic.article-page .article-related-list .media-right.thumb-post,
  .theme-classic.article-page .article-related-list__thumb,
  .theme-classic.article-page .article-related-list__thumb.media-right{
    flex: 0 0 108px;
    width: 108px;
    min-width: 108px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-sidebar-wrap{
    padding-left: 15px;
    margin-top: 6px;
  }

  .theme-classic.article-page .article-related-list__thumb .post-thumb4,
  .theme-classic.article-page .article-related-list__thumb .gambarkecil,
  .theme-classic.article-page .article-related-list .media-right.thumb-post .post-thumb4,
  .theme-classic.article-page .article-related-list .media-right.thumb-post .gambarkecil{
    width: 108px;
    height: 70px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-sidebox{
    padding: 14px 13px;
    margin-bottom: 16px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-sidebox__head{
    margin-bottom: 12px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-sidebox__head h2{
    font-size: 14px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-trending-item{
    gap: 10px;
    padding-bottom: 12px;
    margin-bottom: 12px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb{
    flex: 0 0 96px;
    width: 96px;
    min-width: 96px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb img{
    width: 96px;
    height: 60px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-trending-item__badge{
    min-width: 24px;
    height: 24px;
    font-size: 13px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-trending-item h3{
    font-size: 14px;
    line-height: 1.3;
  }

  .theme-classic.latest-page--classic .si-classic-latest-socials{
    gap: 10px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-socials__item{
    width: 44px;
    height: 42px;
    font-size: 20px;
  }
}


/* --- Classic phase 2 stability layer ---------------------------------- */
.theme-classic.article-page .article-content-compact,
.theme-classic.article-page .post-content.article-content-compact{
  max-width: 100%;
  overflow-wrap: anywhere;
}

.theme-classic.article-page .article-content-compact p,
.theme-classic.article-page .post-content.article-content-compact p,
.theme-classic.article-page .post-content p{
  margin: 0 0 1.05em;
  line-height: 1.8;
}

.theme-classic.article-page .article-reading-tools{
  gap: 10px;
  margin: 12px 0 16px;
}

.theme-classic.article-page .article-related-list__items{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
}

.theme-classic.article-page .article-related-list__item{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 108px;
  align-items: start;
  gap: 10px;
  padding: 0 0 10px;
  margin: 0;
}

.theme-classic.article-page .article-related-list .media-heading,
.theme-classic.article-page .article-related-list__item .media-heading{
  font-size: 15px;
  line-height: 1.3;
  margin: 0;
}

.theme-classic.article-page .article-related-list__thumb,
.theme-classic.article-page .article-related-list__thumb.media-right,
.theme-classic.article-page .article-related-list .media-right.thumb-post{
  width: 108px;
  min-width: 108px;
  flex: 0 0 108px;
}

.theme-classic.article-page .article-related-list__thumb .post-thumb4,
.theme-classic.article-page .article-related-list__thumb .gambarkecil,
.theme-classic.article-page .article-related-list .media-right.thumb-post .post-thumb4,
.theme-classic.article-page .article-related-list .media-right.thumb-post .gambarkecil{
  width: 108px;
  height: 70px;
  object-fit: cover;
}



.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial{
  gap: 10px;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-left.thumb-post,
.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .post-thumb4,
.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .gambarkecil{
  width: 120px;
  min-width: 120px;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .post-thumb4,
.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .gambarkecil{
  height: 76px;
  object-fit: cover;
}

.theme-classic.latest-page--classic .si-classic-latest-stream--dense .si-classic-latest-item--editorial .media-heading{
  font-size: 16px;
  line-height: 1.28;
}


.theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb{
  width: 96px;
  min-width: 96px;
  flex: 0 0 96px;
}

.theme-classic.latest-page--classic .si-classic-latest-trending-item__thumb img{
  width: 96px;
  height: 60px;
  object-fit: cover;
}




@media (max-width: 767px){
  .theme-classic.article-page .article-related-list__items{
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .theme-classic.article-page .article-related-list__item{
    grid-template-columns: minmax(0, 1fr) 104px;
  }

  .theme-classic.article-page .article-related-list__thumb,
  .theme-classic.article-page .article-related-list .media-right.thumb-post{
    width: 104px;
    min-width: 104px;
    flex-basis: 104px;
  }

  .theme-classic.article-page .article-related-list__thumb .post-thumb4,
  .theme-classic.article-page .article-related-list__thumb .gambarkecil,
  .theme-classic.article-page .article-related-list .media-right.thumb-post .post-thumb4,
  .theme-classic.article-page .article-related-list .media-right.thumb-post .gambarkecil{
    width: 104px;
    height: 65px;
  }

  .theme-classic.latest-page--classic .si-classic-latest-sidebar-wrap{
    padding-left: 0;
  }
}

/* MediaCore CMS latest updates hybrid timeline polish - scoped, safe */
.theme-classic.latest-page--classic .si-classic-latest-stream--hybrid{
  margin-top: 8px;
}
.theme-classic.latest-page--classic .si-latest-timeline{
  display: block;
  width: 100%;
}
.theme-classic.latest-page--classic .si-latest-date-divider{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 8px;
  color: #687385;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.theme-classic.latest-page--classic .si-latest-date-divider:before,
.theme-classic.latest-page--classic .si-latest-date-divider:after{
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: #e7ebf0;
}
.theme-classic.latest-page--classic .si-classic-latest-item--hybrid{
  display: flex !important;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #edf0f4 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.theme-classic.latest-page--classic .si-classic-latest-item--hybrid:last-child{
  border-bottom: 0 !important;
}
.theme-classic.latest-page--classic .si-latest-thumb{
  position: relative;
  display: block;
  flex: 0 0 112px;
  width: 112px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #eef1f5;
  color: inherit;
}
.theme-classic.latest-page--classic .si-latest-thumb img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.theme-classic.latest-page--classic .si-latest-content{
  min-width: 0;
  flex: 1 1 auto;
  padding: 0;
}
.theme-classic.latest-page--classic .si-latest-content h3{
  margin: 0 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 17px !important;
  line-height: 1.22 !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
}
.theme-classic.latest-page--classic .si-latest-content h3 a{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #151923 !important;
  text-decoration: none !important;
}
.theme-classic.latest-page--classic .si-latest-content h3 a:hover{
  color: #1b75bb !important;
}
.theme-classic.latest-page--classic .si-latest-meta{
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #8893a3;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
}
.theme-classic.latest-page--classic .si-latest-cat{
  color: #1b75bb;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .035em;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.theme-classic.latest-page--classic .si-latest-dot{
  color: #b5bdc8;
}
@media (max-width: 767px){
  .theme-classic.latest-page--classic .si-classic-latest-page-shell{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .theme-classic.latest-page--classic .si-classic-latest-maincol{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .theme-classic.latest-page--classic .si-latest-date-divider{
    margin: 12px 0 6px;
    gap: 8px;
    font-size: 11px;
  }
  .theme-classic.latest-page--classic .si-classic-latest-item--hybrid{
    gap: 10px;
    padding: 8px 0 !important;
  }
  .theme-classic.latest-page--classic .si-latest-thumb{
    flex-basis: 96px;
    width: 96px;
  }
  .theme-classic.latest-page--classic .si-latest-content h3{
    font-size: 15px !important;
    line-height: 1.18 !important;
    margin-bottom: 5px !important;
  }
  .theme-classic.latest-page--classic .si-latest-meta{
    font-size: 11px;
  }
  .theme-classic.latest-page--classic .si-latest-cat{
    max-width: 118px;
  }
}
@media (max-width: 360px){
  .theme-classic.latest-page--classic .si-latest-thumb{
    flex-basis: 88px;
    width: 88px;
  }
  .theme-classic.latest-page--classic .si-latest-content h3{
    font-size: 14px !important;
  }
}


/* === classic-hotfix.css === */
/* Hotfix classic: samakan list dengan homepage, gambar kiri semua */
html,body{max-width:100%;overflow-x:hidden}
body.theme-classic{overflow-x:hidden;overscroll-behavior-x:none}
body.theme-classic .container,body.theme-classic .container-fluid,body.theme-classic .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 .classic-stream section>.hover01,.theme-classic .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 .classic-stream section>.hover01:last-child,.theme-classic .si-kanallain-stream section>.hover01:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.theme-classic .classic-stream section>.hover01>.thumb-post,.theme-classic .si-kanallain-stream section>.hover01>.thumb-post{order:1}
.theme-classic .classic-stream section>.hover01>.media-content,.theme-classic .si-kanallain-stream section>.hover01>.media-content{order:2}
.theme-classic .classic-stream section>.hover01>.media-left,.theme-classic .classic-stream section>.hover01>.media-right,.theme-classic .si-kanallain-stream section>.hover01>.media-left,.theme-classic .si-kanallain-stream section>.hover01>.media-right{float:none!important;width:auto;padding:0;margin:0}
.theme-classic .classic-stream .post-thumb4,.theme-classic .si-kanallain-stream .post-thumb4{position:relative;display:block;overflow:hidden;background:#f3f4f6}
.theme-classic .classic-stream .post-thumb4 .img-link,.theme-classic .si-kanallain-stream .post-thumb4 .img-link{position:absolute;inset:0}
.theme-classic .classic-stream .thumb-post img,.theme-classic .si-kanallain-stream .thumb-post img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.theme-classic .classic-stream .media-heading,.theme-classic .si-kanallain-stream .media-heading{margin:0 0 4px}
.theme-classic .classic-stream .media-heading a,.theme-classic .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 .classic-stream .date,.theme-classic .si-kanallain-stream .date{margin:0;color:#8b8b8b;font-size:12px;line-height:1.35}
.theme-classic .classic-stream .date i,.theme-classic .si-kanallain-stream .date i{margin-right:4px}
.theme-classic .classic-stream .short-text,.theme-classic .si-kanallain-stream .short-text{display:none!important}
.theme-classic .classic-pagination-wrap,.theme-classic .text-center{margin-top:12px;margin-bottom:14px}
.theme-classic .pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}
.theme-classic .pagination>li>a,.theme-classic .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 .pagination>.active>a,.theme-classic .pagination>.active>span,.theme-classic .pagination>li>a:hover,.theme-classic .pagination>li>span:hover{background:#0f172a;border-color:#0f172a;color:#fff}
@media (max-width:767px){.theme-classic .classic-stream section>.hover01,.theme-classic .si-kanallain-stream section>.hover01{grid-template-columns:96px minmax(0,1fr);gap:10px;padding-bottom:9px;margin-bottom:9px}.theme-classic .classic-stream .media-heading a,.theme-classic .si-kanallain-stream .media-heading a{font-size:15px}}

/* =========================================================
   FINAL MOBILE EDGE FIX - MediaCore CMS 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 {
    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 .site-classic-topbar-clean,
  body.theme-classic .site-classic-nav-colored,
  body.theme-classic .container.cont,
  body.theme-classic .si-classic-home-main,
  body.theme-classic .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 .site-classic-topbar-clean .container,
  body.theme-classic .site-classic-nav-colored .container,
  body.theme-classic .site-classic-nav-colored__container,
  body.theme-classic .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 .container.cont > .row,
  body.theme-classic .si-classic-home-main > .row,
  body.theme-classic .site-classic-topbar-clean .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.theme-classic .container.cont > .row > [class*="col-"],
  body.theme-classic .si-classic-home-main > .row > [class*="col-"],
  body.theme-classic .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 .site-classic-topbar-clean__brandwrap,
  body.theme-classic .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 .site-classic-nav-colored {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.theme-classic .site-classic-nav-colored__scroll,
  body.theme-classic .site-classic-nav-colored .navbar-collapse,
  body.theme-classic .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 .si-classic-home-headline,
  body.theme-classic .si-classic-home-headline .si-classic-headline-item,
  body.theme-classic .si-classic-home-headline .featured__content,
  body.theme-classic .si-classic-home-headline .featured__content > a,
  body.theme-classic .si-classic-home-main section,
  body.theme-classic .si-classic-home-main .cf,
  body.theme-classic .si-classic-home-main .bottom-15,
  body.theme-classic.article-page .article-header--classic,
  body.theme-classic.article-page .article-body-shell,
  body.theme-classic.article-page .article-hero,
  body.theme-classic.article-page .article-content-compact {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

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

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

  body.theme-classic .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 img,
  body.theme-classic iframe,
  body.theme-classic video,
  body.theme-classic table {
    max-width: 100% !important;
  }
}

/* MediaCore CMS 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;
  }
}

/* =========================================================
   MediaCore CMS 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,
html body.theme-classic {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.theme-classic .site-classic-nav-colored,
body.theme-classic .site-classic-nav-colored.sticky,
body.theme-classic #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 .site-classic-topbar-clean {
  position: relative !important;
  z-index: 90 !important;
  margin-top: 0 !important;
  transform: none !important;
}

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

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

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

body.theme-classic .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,
  html body.theme-classic {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.theme-classic .site-classic-nav-colored,
  body.theme-classic #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 .site-classic-nav-colored__container,
  body.theme-classic .site-classic-nav-colored__scroll,
  body.theme-classic .site-classic-nav-colored .navbar-collapse,
  body.theme-classic .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 .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 .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 .site-classic-nav-colored .navbar-nav > li > a {
    min-height: 44px !important;
    padding: 12px 11px !important;
    white-space: nowrap !important;
  }
}

/* =========================================================
   MediaCore CMS 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 .container.cont,
  body.theme-classic.article-page .container.cont,
  body.theme-classic .si-classic-home-main,
  body.theme-classic .si-classic-collection-page,
  body.theme-classic.latest-page--classic .si-classic-latest-page-shell,
  body.theme-classic .si-kanal-page,
  body.theme-classic .si-author-page,
  body.theme-classic .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 .container.cont > .row,
  body.theme-classic.article-page .container.cont > .row,
  body.theme-classic .si-classic-home-main > .row,
  body.theme-classic .si-classic-collection-page > .row,
  body.theme-classic.latest-page--classic .si-classic-latest-page-shell > .row,
  body.theme-classic .si-kanal-page > .row,
  body.theme-classic .si-author-page > .row,
  body.theme-classic .si-classic-static-page > .row {
    width: auto !important;
    max-width: none !important;
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

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

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

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

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

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

  body.theme-classic .site-classic-nav-colored .navbar-nav > li > a,
  body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a,
  body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus,
  body.theme-classic .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 .site-classic-nav-emblem > a {
    min-height: 36px !important;
    padding: 7px 8px !important;
  }

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

/* =========================================================
   MediaCore CMS 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.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.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.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.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.author-page--classic .si-author-hero,
body.theme-classic.author-page--classic .si-author-list,
body.theme-classic.author-page--classic .si-author-list article {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

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

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

@media (max-width: 767px) {
  body.theme-classic.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.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.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 .site-classic-nav-colored .navbar-nav > li > a,
  body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a,
  body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus,
  body.theme-classic .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 .site-classic-nav-emblem > a {
    min-height: 39px !important;
    padding-top: 8.6px !important;
    padding-bottom: 8.6px !important;
  }
}


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

@media (max-width:767px){
  body.theme-classic .site-classic-nav-emblem,
  .theme-classic .site-classic-nav-emblem,
  html.site-classic-scrolled body.theme-classic .site-classic-nav-emblem,
  body.theme-classic.site-classic-scrolled .site-classic-nav-emblem,
  html.site-classic-scrolled .theme-classic .site-classic-nav-emblem,
  body.site-classic-scrolled.theme-classic .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 .site-classic-nav-emblem > a,
  .theme-classic .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 .site-classic-nav-emblem img,
  .theme-classic .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 .site-classic-nav-emblem,
  .theme-classic .site-classic-nav-emblem,
  html.site-classic-scrolled body.theme-classic .site-classic-nav-emblem,
  body.theme-classic.site-classic-scrolled .site-classic-nav-emblem,
  html.site-classic-scrolled .theme-classic .site-classic-nav-emblem,
  body.site-classic-scrolled.theme-classic .site-classic-nav-emblem{
    display:none !important;
  }
}


/* === classic-flat-compact.css === */
/* MediaCore CMS Classic Original flat compact polish - 2026-04-27
   Scope: Classic Original only. Classic Compact remains untouched. */

body.theme-classic{
  --classic-shell-width:1070px;
}

/* Full-width navbar background, content aligned to 1070px edges */
body.theme-classic .site-classic-topbar-clean{
  background:#fff !important;
  border-bottom:1px solid rgba(148,163,184,.18) !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored,
body.theme-classic .site-classic-nav-colored.sticky{
  width:100% !important;
  max-width:none !important;
  left:auto !important;
  right:auto !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:var(--site-secondary) !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

@media (min-width:1100px){
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container{
    width:var(--classic-shell-width) !important;
    max-width:var(--classic-shell-width) !important;
    padding-left:0 !important;
    padding-right:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  body.theme-classic .site-classic-topbar-clean__row{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body.theme-classic .site-classic-topbar-clean__brandcol{
    padding-left:0 !important;
  }

  body.theme-classic .site-classic-topbar-clean__row > [class*="col-"]:last-child{
    padding-right:0 !important;
  }
}

body.theme-classic .site-classic-topbar-clean__row{
  min-height:54px !important;
  align-items:center !important;
}

body.theme-classic .site-classic-topbar-clean__brandwrap,
body.theme-classic .site-classic-topbar-clean__logo{
  padding:0 !important;
  margin:0 !important;
}

body.theme-classic .site-classic-logo-original,
body.theme-classic .site-classic-topbar-clean__logo img{
  display:block !important;
  max-height:50px !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored__container{
  position:relative !important;
}

body.theme-classic .site-classic-nav-colored__scroll,
body.theme-classic .site-classic-nav-colored .navbar-collapse,
body.theme-classic .site-classic-nav-colored .navbar-collapse.collapse,
body.theme-classic .site-classic-nav-colored .navbar-collapse.in{
  width:100% !important;
  min-width:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  margin-left:0 !important;
  margin-right:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  float:none !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

body.theme-classic .site-classic-nav-colored .navbar-nav::-webkit-scrollbar{
  display:none;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li{
  display:flex !important;
  align-items:stretch !important;
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:hover{
  min-height:42px !important;
  padding:12px 10px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:0 !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  background:transparent !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
  opacity:1 !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li:first-child > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.site-classic-nav-emblem > a{
  padding-left:0 !important;
}

body.theme-classic .site-classic-nav-colored .navbar-nav > li > a:hover,
body.theme-classic .site-classic-nav-colored .navbar-nav > li > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:hover,
body.theme-classic .site-classic-nav-colored .navbar-nav > li.active > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:focus,
body.theme-classic .site-classic-nav-colored .navbar-nav > .open > a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border-bottom-color:var(--site-primary) !important;
  opacity:1 !important;
}

body.theme-classic .site-classic-nav-colored .site-classic-nav-emblem > a{
  background:transparent !important;
  border-bottom-color:transparent !important;
  padding-right:10px !important;
}

body.theme-classic .site-classic-nav-colored .site-classic-nav-emblem img{
  width:22px !important;
  height:22px !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored .dropdown-menu{
  margin:0 !important;
  padding:4px 0 !important;
  border:1px solid rgba(148,163,184,.28) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .site-classic-nav-colored .dropdown-menu > li > a{
  padding:8px 12px !important;
  border-radius:0 !important;
  color:#111827 !important;
  font-size:13px !important;
  font-weight:400 !important;
  background:#fff !important;
}

body.theme-classic .site-classic-nav-colored .dropdown-menu > li > a:hover,
body.theme-classic .site-classic-nav-colored .dropdown-menu > li > a:focus{
  color:#111827 !important;
  background:#f3f4f6 !important;
}

/* Flat, compact minimal look for Classic Original */
body.theme-classic .si-panel,
body.theme-classic .content-wrap,
body.theme-classic .widget,
body.theme-classic .thumbnail,
body.theme-classic .entry-box,
body.theme-classic .entry-content,
body.theme-classic .article-related,
body.theme-classic .article-sidebox,
body.theme-classic .post-thumb4,
body.theme-classic .thumb-ito,
body.theme-classic .thumb-post,
body.theme-classic .featured__content,
body.theme-classic .featured__content .desc,
body.theme-classic .caption,
body.theme-classic .home-banner,
body.theme-classic .cls-banner-script,
body.theme-classic .si-kicker,
body.theme-classic .si-pill,
body.theme-classic .pagination > li > a,
body.theme-classic .pagination > li > span,
body.theme-classic .breadcrumb,
body.theme-classic .si-kanal-breadcrumb,
body.theme-classic .article-breadcrumb{
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .si-lead-card__thumb,
body.theme-classic .si-side-card__thumb,
body.theme-classic .si-opini-card__thumb,
body.theme-classic .si-focus-item__thumb,
body.theme-classic .si-popular-item__thumb,
body.theme-classic .si-latest-item__thumb,
body.theme-classic .si-gallery-card__thumb,
body.theme-classic .si-video-item__thumb,
body.theme-classic .article-related__thumb-image,
body.theme-classic .article-main-image,
body.theme-classic .img-responsive,
body.theme-classic img{
  border-radius:0 !important;
}

/* Sidebar typography: smaller, thinner, balanced */
body.theme-classic .si-classic-sidebar,
body.theme-classic .si-classic-latest-sidebar{
  color:#374151;
}

body.theme-classic .si-classic-sidebar .label-to,
body.theme-classic .si-classic-sidebar-block__head,
body.theme-classic .si-classic-latest-sidebox__head{
  margin-bottom:8px !important;
  padding:0 0 7px !important;
  border-bottom:1px solid rgba(148,163,184,.28) !important;
}

body.theme-classic .si-classic-sidebar .label-to h2,
body.theme-classic .si-classic-sidebar-block__head h2,
body.theme-classic .si-classic-latest-sidebox__head h2{
  margin:0 !important;
  padding:0 !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  color:#111827 !important;
  text-transform:none !important;
}

body.theme-classic .si-classic-sidebar-list,
body.theme-classic .si-classic-latest-trending-list{
  margin:0 !important;
  padding:0 !important;
}

body.theme-classic .si-classic-sidebar-list li,
body.theme-classic .todo.si-classic-sidebar-list li,
body.theme-classic .si-classic-latest-trending-item{
  margin:0 !important;
  padding:8px 0 !important;
  border-bottom:1px solid rgba(148,163,184,.20) !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.theme-classic .si-classic-sidebar-list li:last-child,
body.theme-classic .todo.si-classic-sidebar-list li:last-child,
body.theme-classic .si-classic-latest-trending-item:last-child{
  border-bottom:0 !important;
}

body.theme-classic .si-classic-sidebar-list a,
body.theme-classic .todo.si-classic-sidebar-list li a,
body.theme-classic .si-classic-sidebar-feature-card h3 a,
body.theme-classic .si-classic-latest-trending-item h3 a{
  color:#1f2937 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.34 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
}

body.theme-classic .si-classic-sidebar-list a:hover,
body.theme-classic .todo.si-classic-sidebar-list li a:hover,
body.theme-classic .si-classic-sidebar-feature-card h3 a:hover,
body.theme-classic .si-classic-latest-trending-item h3 a:hover{
  color:var(--site-primary) !important;
  opacity:1 !important;
}

body.theme-classic .si-classic-sidebar-feature .caption{
  padding:8px 9px !important;
}

body.theme-classic .si-classic-sidebar-feature .caption h4,
body.theme-classic .si-classic-sidebar-feature-card h3,
body.theme-classic .si-classic-latest-trending-item h3{
  margin:6px 0 0 !important;
  font-size:13px !important;
  font-weight:500 !important;
  line-height:1.32 !important;
  letter-spacing:0 !important;
}

body.theme-classic .si-classic-sidebar-feature-card__badge,
body.theme-classic .si-classic-latest-trending-item__badge{
  border-radius:0 !important;
  background:var(--site-secondary) !important;
  color:#fff !important;
  box-shadow:none !important;
  font-size:11px !important;
  font-weight:500 !important;
}

body.theme-classic .si-classic-latest-socials__item,
body.theme-classic .site-classic-footer-clean__social .socmed{
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Keep mobile readable; desktop flush applies only on wide screens above. */
@media (max-width:1099px){
  body.theme-classic .site-classic-topbar-clean > .container,
  body.theme-classic .site-classic-nav-colored > .container,
  body.theme-classic .site-classic-footer-clean .container,
  body.theme-classic .site-classic-footer-clean__meta > .container{
    width:100% !important;
    max-width:100% !important;
  }

  body.theme-classic .site-classic-nav-colored .navbar-nav > li:first-child > a,
  body.theme-classic .site-classic-nav-colored .navbar-nav > li.site-classic-nav-emblem > a{
    padding-left:10px !important;
  }
}

/* MediaCore CMS patch v20260429: full-bleed Article Picks image on mobile detail/category/tag pages. */
@media (max-width:767px){
  body.theme-classic.article-page .sidebar_area.si-classic-sidebar,
  body.theme-classic.kanal-page .sidebar_area.si-classic-sidebar,
  body.theme-classic.tag-page .sidebar_area.si-classic-sidebar{
    overflow:visible !important;
  }

  body.theme-classic.article-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature,
  body.theme-classic.kanal-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature,
  body.theme-classic.tag-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature{
    display:block !important;
    position:relative !important;
    left:50% !important;
    width:100vw !important;
    max-width:100vw !important;
    min-width:100vw !important;
    height:auto !important;
    aspect-ratio:16/9 !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
    margin-bottom:12px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.theme-classic.article-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature > a,
  body.theme-classic.kanal-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature > a,
  body.theme-classic.tag-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature > a{
    display:block !important;
    width:100% !important;
    height:100% !important;
  }

  body.theme-classic.article-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature img,
  body.theme-classic.kanal-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature img,
  body.theme-classic.tag-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature img{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  body.theme-classic.article-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature .caption,
  body.theme-classic.kanal-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature .caption,
  body.theme-classic.tag-page .si-classic-sidebar-block--picks .si-classic-sidebar-feature .caption{
    width:100% !important;
    box-sizing:border-box !important;
  }
}


/* === article-author-meta-gray.css === */
/*
 * MediaCore CMS - Article Author Meta Gray
 * Scope: all themes.
 * Purpose: prevent author name below article title from inheriting red link color.
 */

body.article-page .post-info .author,
body.article-page .post-info .author a,
body.article-page .post-info .author strong,
body.article-page .post-info .article-post__author,
body.article-page .post-info .article-post__author a,
body.article-page .post-info .article-post__author-name,
body.article-page .post-info .article-meta-author,
body.article-page .post-info .article-meta-author a,
body.article-page .post-info .article-meta-author strong,
body.article-page .article-meta-line .article-meta-author,
body.article-page .article-meta-line .article-meta-author a,
body.article-page .article-meta-line .article-meta-author strong,
body.article-page a[rel="author"],
body.article-page a[rel="author"] strong {
  color: #475569 !important;
}

body.article-page .post-info .author a:hover,
body.article-page .post-info .article-post__author a:hover,
body.article-page .post-info .article-meta-author a:hover,
body.article-page .article-meta-line .article-meta-author a:hover,
body.article-page a[rel="author"]:hover,
body.article-page a[rel="author"]:hover strong {
  color: #0f172a !important;
  text-decoration: none !important;
}

body.article-page .post-info .date,
body.article-page .post-info .article-post__date,
body.article-page .article-meta-date {
  color: #64748b !important;
}


/* === classic-breadcrumb.css === */
/*
 * SITNAS / MediaCore CMS — Classic Original Breadcrumb Clean Override
 * Scope: theme classic original only (body.theme-classic)
 * Tujuan: breadcrumb polos, tanpa background, tanpa pill/chip, seragam semua halaman.
 * Dimuat paling akhir dari loader Classic Original.
 */

/* Container breadcrumb: Article, Category/Kanal, Tag, Search, Author, Latest, Latest, Page/static */
body.theme-classic ul.breadcrumb,
body.theme-classic .breadcrumb,
body.theme-classic .article-breadcrumb,
body.theme-classic .si-kanal-breadcrumb,
body.theme-classic .si-classic-collection-breadcrumb,
body.theme-classic.article-page ul.breadcrumb,
body.theme-classic.article-page .breadcrumb,
body.theme-classic.article-page .article-breadcrumb,
body.theme-classic.article-page .breadcrumb.article-breadcrumb,
body.theme-classic.latest-page--classic .si-classic-collection-breadcrumb,
body.theme-classic .si-classic-collection-header .si-classic-collection-breadcrumb,
body.theme-classic .si-classic-collection-page .si-classic-collection-breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0 !important;
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  list-style: none !important;
  overflow: visible !important;
  text-transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Item breadcrumb */
body.theme-classic .breadcrumb > li,
body.theme-classic .article-breadcrumb > li,
body.theme-classic .si-kanal-breadcrumb > li,
body.theme-classic .si-classic-collection-breadcrumb > li,
body.theme-classic.article-page .breadcrumb > li,
body.theme-classic.article-page .article-breadcrumb > li,
body.theme-classic.article-page .breadcrumb.article-breadcrumb > li {
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Separator polos */
body.theme-classic .breadcrumb > li + li:before,
body.theme-classic .article-breadcrumb > li + li:before,
body.theme-classic .si-kanal-breadcrumb > li + li:before,
body.theme-classic .si-classic-collection-breadcrumb > li + li:before,
body.theme-classic.article-page .breadcrumb > li + li:before,
body.theme-classic.article-page .article-breadcrumb > li + li:before,
body.theme-classic.article-page .breadcrumb.article-breadcrumb > li + li:before {
  content: "/" !important;
  display: inline-block !important;
  padding: 0 7px !important;
  color: #cbd5e1 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Link/span: matikan desain pill/chip dari classic-polish-core.css */
body.theme-classic .breadcrumb > li > a,
body.theme-classic .breadcrumb > li > span,
body.theme-classic .breadcrumb li.completed > a,
body.theme-classic .article-breadcrumb > li > a,
body.theme-classic .article-breadcrumb > li > span,
body.theme-classic .article-breadcrumb li.completed > a,
body.theme-classic .si-kanal-breadcrumb > li > a,
body.theme-classic .si-kanal-breadcrumb > li > span,
body.theme-classic .si-kanal-breadcrumb li.completed > a,
body.theme-classic .si-classic-collection-breadcrumb > li > a,
body.theme-classic .si-classic-collection-breadcrumb > li > span,
body.theme-classic .si-classic-collection-breadcrumb li.completed > a,
body.theme-classic.article-page .breadcrumb > li > a,
body.theme-classic.article-page .breadcrumb > li > span,
body.theme-classic.article-page .breadcrumb li.completed > a,
body.theme-classic.article-page .article-breadcrumb > li > a,
body.theme-classic.article-page .article-breadcrumb > li > span,
body.theme-classic.article-page .article-breadcrumb li.completed > a,
body.theme-classic.article-page .breadcrumb.article-breadcrumb > li > a,
body.theme-classic.article-page .breadcrumb.article-breadcrumb > li > span,
body.theme-classic.article-page .breadcrumb.article-breadcrumb li.completed > a {
  display: inline !important;
  float: none !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  text-transform: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.theme-classic .breadcrumb > li > a:hover,
body.theme-classic .article-breadcrumb > li > a:hover,
body.theme-classic .si-kanal-breadcrumb > li > a:hover,
body.theme-classic .si-classic-collection-breadcrumb > li > a:hover,
body.theme-classic.article-page .breadcrumb > li > a:hover,
body.theme-classic.article-page .article-breadcrumb > li > a:hover,
body.theme-classic.article-page .breadcrumb.article-breadcrumb > li > a:hover {
  color: #0f172a !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Item aktif/terakhir tetap polos */
body.theme-classic .breadcrumb > li:last-child,
body.theme-classic .breadcrumb > li:last-child > a,
body.theme-classic .breadcrumb > li:last-child > span,
body.theme-classic .article-breadcrumb > li:last-child,
body.theme-classic .article-breadcrumb > li:last-child > a,
body.theme-classic .article-breadcrumb > li:last-child > span,
body.theme-classic .si-kanal-breadcrumb > li:last-child,
body.theme-classic .si-kanal-breadcrumb > li:last-child > a,
body.theme-classic .si-kanal-breadcrumb > li:last-child > span,
body.theme-classic .si-classic-collection-breadcrumb > li:last-child,
body.theme-classic .si-classic-collection-breadcrumb > li:last-child > a,
body.theme-classic .si-classic-collection-breadcrumb > li:last-child > span,
body.theme-classic.article-page .breadcrumb > li:last-child,
body.theme-classic.article-page .breadcrumb > li:last-child > a,
body.theme-classic.article-page .breadcrumb > li:last-child > span,
body.theme-classic.article-page .article-breadcrumb > li:last-child,
body.theme-classic.article-page .article-breadcrumb > li:last-child > a,
body.theme-classic.article-page .article-breadcrumb > li:last-child > span {
  color: #94a3b8 !important;
  font-weight: 400 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Bunuh semua pseudo dekoratif dari template lama/manga-style/pill */
body.theme-classic .breadcrumb > li::after,
body.theme-classic .breadcrumb > li > a::before,
body.theme-classic .breadcrumb > li > a::after,
body.theme-classic .breadcrumb li.completed > a::before,
body.theme-classic .breadcrumb li.completed > a::after,
body.theme-classic .article-breadcrumb > li::after,
body.theme-classic .article-breadcrumb > li > a::before,
body.theme-classic .article-breadcrumb > li > a::after,
body.theme-classic .article-breadcrumb li.completed > a::before,
body.theme-classic .article-breadcrumb li.completed > a::after,
body.theme-classic .si-kanal-breadcrumb > li::after,
body.theme-classic .si-kanal-breadcrumb > li > a::before,
body.theme-classic .si-kanal-breadcrumb > li > a::after,
body.theme-classic .si-classic-collection-breadcrumb > li::after,
body.theme-classic .si-classic-collection-breadcrumb > li > a::before,
body.theme-classic .si-classic-collection-breadcrumb > li > a::after,
body.theme-classic.article-page .breadcrumb > li::after,
body.theme-classic.article-page .breadcrumb > li > a::before,
body.theme-classic.article-page .breadcrumb > li > a::after,
body.theme-classic.article-page .article-breadcrumb > li::after,
body.theme-classic.article-page .article-breadcrumb > li > a::before,
body.theme-classic.article-page .article-breadcrumb > li > a::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.theme-classic .breadcrumb,
  body.theme-classic .article-breadcrumb,
  body.theme-classic .si-kanal-breadcrumb,
  body.theme-classic .si-classic-collection-breadcrumb,
  body.theme-classic.article-page .breadcrumb,
  body.theme-classic.article-page .article-breadcrumb {
    margin-bottom: 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.theme-classic .breadcrumb > li,
  body.theme-classic .breadcrumb > li > a,
  body.theme-classic .article-breadcrumb > li,
  body.theme-classic .article-breadcrumb > li > a,
  body.theme-classic .si-kanal-breadcrumb > li,
  body.theme-classic .si-kanal-breadcrumb > li > a,
  body.theme-classic .si-classic-collection-breadcrumb > li,
  body.theme-classic .si-classic-collection-breadcrumb > li > a {
    font-size: 11px !important;
  }
}