/* MEYINSOR Stage16H-R4 - PC sidebar width fix
   Constrain desktop two-column layout while keeping Stage16H-R3 sticky behavior.
   H5 remains untouched.
*/

:root{
  --mys16h-layout-width:1300px;
  --mys16h-sidebar-width:300px;
  --mys16h-layout-gap:36px;
}

@media (min-width: 981px){
  .mys16h-journal-detail{
    max-width:var(--mys16h-layout-width)!important;
    width:calc(100% - 40px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .mys16h-shell{
    max-width:var(--mys16h-layout-width)!important;
    width:100%!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:var(--mys16h-sidebar-width) minmax(0, 1fr)!important;
    gap:var(--mys16h-layout-gap)!important;
    align-items:start!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .mys16h-sidebar{
    width:var(--mys16h-sidebar-width)!important;
    min-width:var(--mys16h-sidebar-width)!important;
    max-width:var(--mys16h-sidebar-width)!important;
    flex:none!important;
    align-self:start!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .mys16h-sidebar-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  .mys16h-sidebar-card.mys16h-sidebar-fixed,
  .mys16h-sidebar-card.mys16h-sidebar-bottom{
    width:var(--mys16h-sidebar-width)!important;
    max-width:var(--mys16h-sidebar-width)!important;
    box-sizing:border-box!important;
  }

  .mys16h-article,
  .mys16h-content,
  .mys16h-main{
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .mys16h-cover,
  .mys16h-head,
  .mys16h-intro,
  .mys16h-focus,
  .mys16h-body{
    max-width:100%!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  .mys16h-cover img,
  .mys16h-cover picture,
  .mys16h-cover video{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    display:block!important;
  }
}

@media (max-width: 980px){
  .mys16h-journal-detail{
    width:100%!important;
    max-width:none!important;
  }

  .mys16h-shell,
  .mys16h-sidebar,
  .mys16h-sidebar-card,
  .mys16h-sidebar-card.mys16h-sidebar-fixed,
  .mys16h-sidebar-card.mys16h-sidebar-bottom,
  .mys16h-article{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}