/* One layout boundary for sidebar, content offset, toggle and backdrop.
   Desktop theme widths (normal: 232px; embedded: 86px) stay in their themes. */
@media(max-width:920px){
 .sidebar{width:min(82vw,300px)!important;transform:translateX(-100%)}
 .sidebar.open{transform:translateX(0)}
 .main{margin-left:0!important}
 .sb-toggle{display:inline-flex!important}
 .sb-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:39}
 html.dwgj-embed .sidebar{width:min(82vw,300px)!important;transform:translateX(-100%)}
 html.dwgj-embed .sidebar.open{transform:translateX(0)}
 html.dwgj-embed #sidebar:not([style*="display: none"]) ~ .main{margin-left:0!important}
 html.dwgj-embed .sidebar .sb-logo{justify-content:flex-start!important;padding:0 22px 12px!important;gap:12px!important}
 html.dwgj-embed .sidebar .sb-logo .logo-txt{display:flex!important}
 html.dwgj-embed .sidebar .sb-sub{display:block!important}
 html.dwgj-embed .sb-item{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;padding:13px 16px!important;font-size:15px!important;min-height:auto!important}
}
@media(min-width:921px){
 .sidebar{transform:none}
 .sb-toggle{display:none!important}
 .sb-backdrop.show{display:none}
}