/* The admin cards belong beside the resizable navigation, not beneath it. */
@media (min-width:1001px){
 html body.admin-home .workspace>#adminSidebar{
  left:calc(var(--desktop-sidebar-width,360px) + 16px);
  z-index:72;
 }
}

/* On medium desktop widths, stack the brand above the admin windows. */
@media (min-width:1001px) and (max-width:1599px){
 html body.admin-home .admin-start-wordmark{
  top:calc(var(--header-height,74px) + var(--workflow-height,60px) + 22px);
  left:calc(var(--desktop-sidebar-width,360px) + 16px);
  width:min(420px,calc(100vw - var(--desktop-sidebar-width,360px) - var(--admin-right) - 48px));
  max-width:calc(100vw - var(--desktop-sidebar-width,360px) - var(--admin-right) - 48px);
 }
 html body.admin-home .workspace>#adminSidebar{
  top:calc(var(--header-height,74px) + var(--workflow-height,60px) + 158px);
  width:min(var(--admin-left),calc(100vw - var(--desktop-sidebar-width,360px) - var(--admin-right) - 48px));
 }
}

/* Wide screens place the two admin windows beside the wordmark. */
@media (min-width:1600px){
 html body.admin-home .admin-start-wordmark{
  left:calc(var(--desktop-sidebar-width,360px) + var(--admin-left) + 7vw);
  max-width:calc(100vw - var(--desktop-sidebar-width,360px) - var(--admin-left) - var(--admin-right) - 64px);
 }
}