.PageDetail h2 {
  font-size: 1.875rem;
  font-weight: bold;
  margin-bottom: var(--spaceXs);
}

@media (max-width: 86rem) {
  .PageDetail h2 {
    font-size: 1.75rem;
  }
}

@media (max-width: 48rem) {
  .PageDetail h2 {
    font-size: 1.5rem;
  }
}

.StyledText {
  margin-bottom: var(--spaceLg);
}

.RelatedPages {
  margin-top: var(--spaceXl);
}

.RelatedPages-frame {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: var(--spaceLg);
  margin-top: 3rem;
}

@media (max-width: 48rem) {
  .RelatedPages-frame {
    grid-template-columns: 1fr;
  }
}

.RelatedWithImages {
  display: grid;
  align-items: center;
  grid-template-columns: 8em auto;
  grid-gap: 1em;
}

@media (max-width: 30rem) {
  .RelatedWithImages {
    grid-template-columns: 6em auto;
  }
}

.RelatedWithImages-image {
  position: relative;
}

.RelatedWithImages-image img {
  display: block;
  width: 100%;
  border-radius: .4rem;
}

.RelatedWithImages-title {
  font-size: var(--textLg);
  color: var(--colorBrandDark);
}

@media (max-width: 87rem) {
  .RelatedWithImages-title {
    font-size: 1.25em;
    margin-bottom: .75em;
  }
}

@media (max-width: 30rem) {
  .RelatedWithImages-title {
    font-size: 1.125em;
  }
}

.RelatedWithImages-title a {
  color: inherit;
}

.RelatedWithImages-perex {
  font-size: .95em;
  line-height: 2;
}

@media (max-width: 30rem) {
  .RelatedWithImages-perex {
    font-size: .8em;
  }
}

/*# sourceMappingURL=page-detail.min.css.map */