/* Fit new SOP/status modules to the real portal sidebar. Screen only. */
@media screen {
 body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal > :is(main.cs-shell,div.cs-shell,main.pq-shell,div.pq-shell){box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
 body.pyrmont-internal > main.cs-shell{container: sop-content / inline-size}
 .cs-hero{flex-wrap:wrap}
 .cs-hero>div{flex:1 1 330px;min-width:0}
 .cs-language{flex:0 1 240px;min-width:0;width:100%}
 .cs-hero :is(h1,p),.ss-heading h2{overflow-wrap:anywhere}
 .cs-shell :is(.cs-reading,.ss-workspace,.ss-panel,.ss-form,.ss-slot,.ss-meta,.cs-search){min-width:0}
 .cs-shell :is(input,select,textarea,button){max-width:100%}
 .cs-shell :is(button,.ss-tabs a){white-space:normal;overflow-wrap:anywhere}
 @media(min-width:1101px){
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal > :is(main.cs-shell,div.cs-shell,main.pq-shell,div.pq-shell){width:calc(100% - var(--px-sidebar,260px))!important;max-width:calc(100% - var(--px-sidebar,260px))!important;margin-left:var(--px-sidebar,260px)!important;margin-right:0!important}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal > main.cs-shell{padding:24px clamp(20px,2vw,36px) 40px!important}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal > div.cs-shell{padding:18px clamp(20px,2vw,36px) 0!important}
 }
 @container sop-content (max-width:1000px){
  .cs-reading{display:flex;flex-direction:column;gap:18px}
  .cs-reading>.cs-contents{position:static;order:-1;width:100%;border:1px solid var(--cs-line);border-radius:7px;padding:6px 14px}
  .cs-contents nav{max-height:180px;overflow:auto}
  .cs-reading>.cs-document{width:100%}
  .ss-workspace{grid-template-columns:minmax(0,1fr)}
  .ss-slot{grid-template-columns:minmax(0,1fr)}
  .ss-library-row{grid-template-columns:100px minmax(0,1fr)}
  .ss-library-row>span:last-child{text-align:left}
 }
 @container sop-content (max-width:520px){
  .ss-library-row{grid-template-columns:minmax(0,1fr)}
  .ss-meta{grid-template-columns:minmax(0,1fr)}
 }
 @media(min-width:1101px) and (max-height:850px){
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal > .topbar.pyrmont-team-topbar{padding:12px!important;gap:12px!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .pyrmont-team-topbar>.brand.pyrmont-brand--pastry{height:58px!important}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .pyrmont-team-topbar>.brand.pyrmont-brand--pastry>img{width:90px!important;height:58px!important}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .topbar #pyrmont-navigation{gap:10px!important}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .topbar .pyrmont-primary-nav{gap:2px!important}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .topbar :is(.pyrmont-primary-nav a,.pyrmont-account-nav a,.pyrmont-account-nav button){min-height:36px!important;padding:6px 10px!important;font-size:14px!important;line-height:1.35!important}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .topbar .px-nav-recipes-label{min-height:28px;padding:3px 10px;font-size:13px}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .topbar .px-nav-recipes{margin:0 0 3px}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .topbar .px-nav-recipes-links{padding:2px 4px;gap:0}
  body.pyrmont-interface.pyrmont-workspace.pyrmont-design.pyrmont-experience.pyrmont-internal .topbar .pyrmont-account-nav{gap:2px!important;padding-top:8px!important}
 }
}