.diagnoseo-breadcrumbs {
  margin-left: -10px;
  margin-right: -10px;
}
.diagnoseo-breadcrumbs .breadcrumbs-content {
  max-width: var(--layout-width);
  padding: 1em 10px;
}

.subheader .diagnoseo-breadcrumbs {
  background-color: transparent;
  color: var(--subheader-text-color);
}
.subheader .diagnoseo-breadcrumbs a {
  color: var(--subheader-link-color);
}
.subheader .diagnoseo-breadcrumbs a:hover, .subheader .diagnoseo-breadcrumbs a:focus {
  color: var(--subheader-link-hover-color);
}

@media (min-width: 400px) {
  .diagnoseo-breadcrumbs {
    margin-left: -20px;
    margin-right: -20px;
  }
  .diagnoseo-breadcrumbs .breadcrumbs-content {
    max-width: var(--layout-width);
    padding: 1em 20px;
  }

  .post-content .diagnoseo-faq,
.post-content .diagnoseo-pro-toc {
    max-width: 640px;
    margin-left: calc((100% - 640px) / 2);
  }
}
@media (min-width: 1140px) {
  .diagnoseo-breadcrumbs {
    margin: 0;
  }
  .diagnoseo-breadcrumbs ~ .sidebar {
    margin-top: 0;
  }

  .boxed .diagnoseo-breadcrumbs {
    padding-left: 30px;
    padding-right: 30px;
    max-width: 100%;
  }
}
