.pe-tag-news-page{padding-top:26px;padding-bottom:0}
.pe-tag-news-heading{margin-bottom:18px}
.pe-tag-news{padding-bottom:0!important}
.pe-tag-news-empty{margin:20px 0;color:var(--pe-color-meta)}

/* Tag joins the shared Home module stack for M3 + Recommendation. Global Module
 * Spacing owns only module-to-module rhythm; each shared package keeps its exact
 * internal Home geometry and card presentation. */
.pe-module-stack-tag>.pe-tag-m5-slot{margin-top:0!important;margin-bottom:0!important}
.pe-module-stack-tag>.pe-tag-m5-slot>.pe-m5-berita-utama{margin-bottom:0!important;padding-bottom:0!important}
.pe-module-stack-tag>.pe-tag-partner-editorial-slot>.pe-partner-editorial-host,
.pe-module-stack-tag>.pe-tag-recommendation-slot>.pe-recommendation-home{margin-top:0!important;margin-bottom:0!important}
@media(max-width:1023px){
  .pe-tag-news-page{padding-top:20px}
  .pe-tag-news-heading{margin-bottom:16px}
}

/* Side-0 only: keep canonical M5 geometry and place official Popular in the
 * otherwise-empty Side column. Popular stays normal-flow here; Headline alone
 * owns Scroll Lift. */
.pe-tag-news .pe-m5-berita-utama.pe-m5-side-count-0.pe-m5-has-side-fallback{grid-template-columns:minmax(0,3fr) minmax(320px,2fr)}
.pe-tag-news .pe-m5-side-fallback-column{min-width:0;align-self:stretch}
.pe-tag-news .pe-m5-side-fallback-column .pe-m1-rail{width:100%;margin:0}
.pe-tag-news .pe-m5-side-fallback-column .pe-m1-rail-package,
body.admin-bar .pe-tag-news .pe-m5-side-fallback-column .pe-m1-rail-package{position:static;top:auto}
@media(max-width:1180px) and (min-width:768px){
  .pe-tag-news .pe-m5-berita-utama.pe-m5-side-count-0.pe-m5-has-side-fallback{grid-template-columns:minmax(0,3fr) minmax(260px,2fr)}
}
@media(max-width:767px){
  .pe-tag-news .pe-m5-side-fallback-column{width:100%}
}