/* V180 - Fix right sidebar dropping below article.
   Root cause: .v175-news-sidebar is nested inside .v175-news-layout.
   Use display:contents so article + sidebar participate in the parent grid. */

@media(min-width:901px){
  body:not(.admin-layout) .v175-news-detail{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    grid-template-areas:
      "header sidebar"
      "article sidebar"
      "related related"!important;
    column-gap:34px!important;
    row-gap:0!important;
    align-items:start!important;
  }

  /* Critical fix */
  body:not(.admin-layout) .v175-news-layout{
    display:contents!important;
  }

  body:not(.admin-layout) .v175-article-header{
    grid-area:header!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0 0 18px!important;
  }

  body:not(.admin-layout) .v175-news-main{
    grid-area:article!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  body:not(.admin-layout) .v175-news-sidebar{
    grid-area:sidebar!important;
    display:grid!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    position:sticky!important;
    top:74px!important;
    align-self:start!important;
    gap:14px!important;
  }

  body:not(.admin-layout) .v175-related-news{
    grid-area:related!important;
    width:100%!important;
    max-width:none!important;
  }

  /* Ensure no legacy float/width rule can push sidebar below */
  body:not(.admin-layout) .v175-news-sidebar,
  body:not(.admin-layout) .v175-news-main{
    float:none!important;
    clear:none!important;
  }
}

@media(min-width:1500px){
  body:not(.admin-layout) .v175-news-detail{
    grid-template-columns:minmax(0,1fr) 350px!important;
    column-gap:36px!important;
  }
}

@media(min-width:1200px) and (max-width:1499px){
  body:not(.admin-layout) .v175-news-detail{
    grid-template-columns:minmax(0,1fr) 320px!important;
    column-gap:30px!important;
  }
}

@media(min-width:901px) and (max-width:1199px){
  body:not(.admin-layout) .v175-news-detail{
    grid-template-columns:minmax(0,1fr) 280px!important;
    column-gap:20px!important;
  }
}

@media(max-width:900px){
  body:not(.admin-layout) .v175-news-detail{
    display:block!important;
  }

  body:not(.admin-layout) .v175-news-layout{
    display:block!important;
  }

  body:not(.admin-layout) .v175-news-sidebar{
    display:none!important;
  }
}