/* Tata letak beranda desktop dan laptop: dirancang untuk kolom yang lega. */
@media (min-width:1100px){
  .wrap{width:min(100% - 84px,1180px)}
  .home-layout{grid-template-columns:minmax(0,1fr) 285px;gap:56px;padding:52px 0}
  .feed-story{grid-template-columns:270px minmax(0,1fr);gap:25px}
  .feed-image{height:178px}.home-sidebar{padding-left:30px}
  .popular-box strong{font-size:13px;line-height:1.25}.popular-box small{font-size:9px}
  .popular-box li a{grid-template-columns:18px 64px minmax(0,1fr);gap:10px}
  .popular-box img{width:64px;height:48px}
  .showcase{grid-template-columns:1.25fr .92fr .82fr;gap:31px;padding:48px 0}
  .showcase-main img{height:292px}.showcase-stack img{height:150px}
  .showcase-main h2{font-size:32px}.showcase-stack h3,.showcase-latest h3{font-size:18px}
  .showcase-latest article>span{font-size:11px}.picks-grid{gap:24px;padding:34px}.pick img{height:122px}
}
@media (max-width:1050px) and (min-width:761px){
  .wrap{width:min(100% - 52px,980px)}
  .showcase{grid-template-columns:1.2fr .9fr;gap:24px;padding:44px 0}
  .showcase-latest{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px;border-top:1px solid var(--line)}
  .showcase-latest .eyebrow{grid-column:1/-1}.showcase-latest article{margin:0}
  .showcase-main,.showcase-stack{padding-right:18px}.showcase-main img{height:245px}.showcase-stack img{height:120px}
}
@media (max-width:900px) and (min-width:761px){
  .home-layout{grid-template-columns:1fr;gap:30px}.home-sidebar{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}
  .popular-box ol{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px}.sidebar-ad{display:none}
}