/* M1 Latest–Popular + Kartu Terkini shared desktop authority.
 * Desktop only (>=1024px). Home and Category consume the exact same geometry.
 * This layer intentionally contains no mobile/tablet rules. Semantic colors,
 * typography, media treatment and motion remain owned by Tampilan Global. */
@media (min-width:1024px){
  .pe-latest-popular-layout.pe-m1-has-rail{
    display:grid!important;
    grid-template-columns:minmax(0,64fr) minmax(360px,36fr)!important;
    grid-template-areas:"main rail"!important;
    column-gap:32px!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
  }
  .pe-latest-popular-main,.pe-m1-main{
    grid-area:main!important;
    min-width:0!important;
    width:100%!important;
  }
  .pe-latest-popular-rail,.pe-m1-rail{
    grid-area:rail!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }

  /* One stream rhythm: Lead -> Row, Row -> Row, Row -> Ad, Ad -> Row. */
  .pe-latest-card-stream .pe-latest-list{
    display:flex!important;
    flex-direction:column!important;
    gap:20px!important;
  }
  .pe-latest-card-stream .pe-latest-list>.pmb-card-latest,
  .pe-latest-card-stream .pe-latest-list>.pe-latest-inline-ad{
    margin:0!important;
  }

  /* Canonical desktop Kartu Terkini geometry. */
  .pe-latest-card-stream .pmb-card-latest{
    display:grid!important;
    align-items:center!important;
    border-bottom:0!important;
  }
  .pe-latest-card-stream .pmb-card-latest-title a{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .pe-latest-card-stream .pmb-card-latest.is-lead{
    grid-template-columns:minmax(0,1fr) minmax(260px,46%)!important;
    gap:24px!important;
    align-items:center!important;
    padding:20px!important;
  }
  .pe-latest-card-stream .pmb-card-latest.is-lead .pmb-card-latest-media{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    height:220px!important;
  }
  .pe-latest-card-stream .pmb-card-latest.is-lead .pmb-card-latest-copy{
    grid-column:1!important;
    grid-row:1!important;
  }
  .pe-latest-card-stream .pmb-card-latest.is-row{
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:18px!important;
    padding:0!important;
  }
  .pe-latest-card-stream .pmb-card-latest.is-row .pmb-card-latest-media{
    width:150px!important;
    height:112px!important;
  }

  /* Desktop meta is one line: Category • Relative Time. */
  .pe-latest-card-stream .pmb-card-latest-copy{
    display:grid!important;
    grid-template-columns:max-content max-content minmax(0,1fr)!important;
    grid-template-areas:"meta time ." "title title title"!important;
    column-gap:6px!important;
    row-gap:6px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .pe-latest-card-stream .pmb-card-latest-meta{
    grid-area:meta!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin:0!important;
    min-width:0!important;
  }
  .pe-latest-card-stream .pmb-card-latest-time{
    grid-area:time!important;
    display:block!important;
    margin:0!important;
    min-width:0!important;
  }
  .pe-latest-card-stream .pmb-card-latest-title{
    grid-area:title!important;
    margin:0!important;
    min-width:0!important;
  }
  .pe-latest-card-stream .pmb-card-latest-dot{display:inline!important;}
  .pe-latest-card-stream .pmb-card-latest.no-category .pmb-card-latest-copy{
    grid-template-areas:"time time ." "title title title"!important;
  }
  .pe-latest-card-stream .pmb-card-latest.is-lead .pmb-card-latest-title a{
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
  }
  .pe-latest-card-stream .pmb-card-latest.is-row .pmb-card-latest-title a{
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
  }
}