/* V176 - News detail width aligned with current home/product 1600px shell */
:root{
  --v176-news-shell:1600px;
}

/* Large desktop: same outer shell as homepage/product pages */
@media(min-width:1500px){
  body:not(.admin-layout) .v175-news-detail{
    width:min(var(--v176-news-shell),calc(100% - 48px))!important;
    max-width:var(--v176-news-shell)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Rebalance columns inside the wider shell */
  body:not(.admin-layout) .v175-news-layout{
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:36px!important;
  }

  /* Keep article text comfortable to read */
  body:not(.admin-layout) .v175-news-main{
    min-width:0!important;
  }

  body:not(.admin-layout) .v175-content-layout{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:26px!important;
  }

  body:not(.admin-layout) .v175-article-content{
    max-width:980px!important;
  }

  body:not(.admin-layout) .v175-service-banner,
  body:not(.admin-layout) .v175-article-footer{
    max-width:980px!important;
  }

  /* Header should visually align with the content column */
  body:not(.admin-layout) .v175-article-header{
    max-width:1180px!important;
  }

  /* Related articles use the full news-detail shell */
  body:not(.admin-layout) .v175-related-news{
    width:100%!important;
    max-width:none!important;
  }
}

/* Standard desktop: align with wider public layout, without forcing 1600 */
@media(min-width:1200px) and (max-width:1499px){
  body:not(.admin-layout) .v175-news-detail{
    width:calc(100% - 40px)!important;
    max-width:1380px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body:not(.admin-layout) .v175-news-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:30px!important;
  }

  body:not(.admin-layout) .v175-content-layout{
    grid-template-columns:205px minmax(0,1fr)!important;
    gap:22px!important;
  }

  body:not(.admin-layout) .v175-article-content,
  body:not(.admin-layout) .v175-service-banner,
  body:not(.admin-layout) .v175-article-footer{
    max-width:920px!important;
  }

  body:not(.admin-layout) .v175-article-header{
    max-width:1080px!important;
  }
}

/* Tablet: preserve responsive behavior */
@media(min-width:901px) and (max-width:1199px){
  body:not(.admin-layout) .v175-news-detail{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile remains full-width with safe gutters from V175 */