/* V179 - Align the two highlighted areas with the approved design:
   1) article title/meta block
   2) right sidebar starting at the same vertical level */

@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"
      "main sidebar"
      "related related"!important;
    column-gap:34px!important;
    align-items:start!important;
  }

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

  body:not(.admin-layout) .v175-news-layout{
    grid-area:main!important;
    display:block!important;
    min-width:0!important;
  }

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

  body:not(.admin-layout) .v175-related-news{
    grid-area:related!important;
  }

  /* Title proportions closer to the design */
  body:not(.admin-layout) .v175-article-header h1{
    width:100%!important;
    max-width:100%!important;
    margin:9px 0 13px!important;
    font-size:clamp(34px,2.55vw,43px)!important;
    line-height:1.12!important;
    letter-spacing:-.7px!important;
    text-wrap:balance!important;
  }

  body:not(.admin-layout) .v175-meta-share{
    width:100%!important;
    padding-bottom:13px!important;
  }

  /* Hero image begins immediately under title block */
  body:not(.admin-layout) .v175-article-hero{
    margin-top:0!important;
  }

  /* Right column first card aligns with category/title zone */
  body:not(.admin-layout) .v175-news-sidebar > :first-child{
    margin-top:0!important;
  }
}

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

/* Standard desktop */
@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;
  }

  body:not(.admin-layout) .v175-article-header h1{
    font-size:39px!important;
  }
}

/* Tablet */
@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;
  }

  body:not(.admin-layout) .v175-article-header h1{
    font-size:33px!important;
  }
}

/* Mobile keeps V178/V175 single-column layout */
@media(max-width:900px){
  body:not(.admin-layout) .v175-news-detail{
    display:block!important;
  }

  body:not(.admin-layout) .v175-article-header{
    width:100%!important;
    max-width:none!important;
  }
}