:root, :before, :after{
  --header-height:36px;
}



.mobile-only{display:none !important; visibility:hidden; content-visibility:hidden;}
.rancak-center{display:grid; grid-template-columns:160px 1fr 160px;}
.rancak-center:before, .rancak-center:after{content:'';}



.header-box{}



.nav-container{display:flex; width:100%; padding:0 var(--size-4);}
.nav-link{justify-content:center;}



.rancak-container:before, .rancak-container:after{content:none;}



.content-shrink, .hero-image-outside{margin-left:var(--size-7); margin-right:var(--size-7);}
.cdt-title{font-size:calc(var(--fontsize) + 18px);}
.cdt-info{grid-template-columns:1fr auto; grid-gap:var(--size-2);}
.cdt-info-right{justify-content:flex-end;}
.cdt-info-right .share-link{margin-left:var(--size-3);}

.hero-image-info{margin-left:var(--size-4); margin-right:var(--size-4);}

.content-main{font-size:calc(var(--fontsize) + 6px);}
.content-main h2, .content-main h3, .content-main h4{font-size:calc(var(--fontsize) + 8px);}



.iklan-leaderboard{margin-top:var(--size-4);}



.iklan-skin{display:flex; position:relative; z-index:calc(var(--max-zindex) - 13000);}
.iklan-skin-left{justify-content:flex-end;}
.iklan-skin-right{justify-content:flex-start;}
.iklan-skin-container{position:-webkit-sticky; position:sticky; top:calc(var(--menu-height) + var(--size-4)); width:160px; height:600px;}







@media screen and (min-width:1280px){
  .rancak-center{grid-template-columns:1fr 943px 1fr;}
  
  
  
  .content-list{grid-template-columns:repeat(3,1fr);}
  .content-list .rancak-section-title, .content-list-card{grid-column:1/4;}
  .content-list-card{grid-template-columns:360px 1fr 1fr;}

  .content-box-1{grid-column:1/2; grid-row:1/3;}
  .content-box-1 .article-title{font-size:calc(var(--fontsize) + 6px); line-height:130%; -webkit-line-clamp:4;}
  .content-box-2{grid-column:2/3; grid-row:1/2;}
  .content-box-3{grid-column:3/4; grid-row:1/2;}
  .content-box-4{grid-column:2/3; grid-row:2/3;}
  .content-box-5{grid-column:3/4; grid-row:2/3;}
}