/* Disable dark-theme UI (static Diplodoc has no light-only config). */
.dc-settings-control,
.dc-mobile-controls {
  display: none !important;
}

.pc-header-block__background .pc-storage-background-image__img {
  object-fit: cover;
  object-position: right center;
}

@media only screen and (max-width: 1159px) {
  .pc-header-block__background .pc-storage-background-image {
    background-image: url("../img/hero-underlay-mobile.svg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .pc-header-block__background .pc-storage-background-image__img {
    opacity: 0;
  }
}

.pc-layout__content > .pc-Grid > .container-fluid {
  max-width: 1328px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
}

.pc-navigation > .container-fluid,
.pc-layout__navigation > .container-fluid {
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 577px) {
  .pc-layout__content > .pc-Grid > .container-fluid,
  .pc-navigation > .container-fluid,
  .pc-layout__navigation > .container-fluid {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.dc-doc-layout {
  max-width: 100%;
  box-sizing: border-box;
}

.dc-doc-page,
.dc-doc-page.dc-doc-page_regular-page-width {
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
}

/* Ensure header menu items don't awkwardly wrap */
.pc-navigation-item {
  white-space: nowrap;
}