/* Decrease the horizontal margin on medium to large screens. Gin uses xxl. */
@media (min-width: 48em) {
  .toolbar-tray-open:not(.toolbar-vertical) .layout-container,
  body:not(.toolbar-tray-open) .layout-container {
    margin-left: var(--gin-spacing-m) !important;
    margin-right: var(--gin-spacing-m) !important;
  }
}

/*
  Override gin style that moves user toolbar icon to the right.
  With our narrower margins this overflows and adds a horizontal scroll bar.
 */
.toolbar-id--toolbar-icon-user {
  margin-right: 0 !important;
}

/* Decrease top margin from elements below page title. */
.layout-container .page-content > .help,
.layout-container .page-content > .region-highlighted,
.layout-container .page-content > .region-content {
  margin-top: var(--gin-spacing-s);
}