.PageDetail {
  padding-bottom: 0;
}

.PageDetail-related {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: var(--spaceMd);
  margin: var(--sizeModuleHorizontalOffset) auto;
}

@media (min-width: 36.01rem) {
  .PageDetail-related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 48.01rem) {
  .PageDetail-related {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.PageDetail-relatedItem {
  border: 1px solid var(--colorOutlines);
  border-left: 4px solid var(--colorBrand);
  border-radius: 1.5rem 0;
  padding: var(--spaceMd);
  color: var(--colorText);
  transition: var(--animationBase);
}

.PageDetail-relatedItem:hover, .PageDetail-relatedItem:active, .PageDetail-relatedItem:focus {
  text-decoration: none;
  border-color: var(--colorBrand);
  box-shadow: 0 0.25rem 0.375rem 0 rgba(12, 0, 206, 0.2);
}

.PageDetail-relatedItem-title {
  color: var(--colorText);
  font-size: var(--textRg);
  transition: var(--animationBase);
}

.PageDetail-relatedItem:hover .PageDetail-relatedItem-title, .PageDetail-relatedItem:focus .PageDetail-relatedItem-title {
  color: var(--colorBrand);
}

.PageDetail-relatedItem-title:last-child {
  margin-bottom: 0;
}

.PageDetail-relatedItem-perex {
  font-size: var(--textXs);
}

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