/* var.109 — documentation information styled like the approved article paper */
.documentation-info-paper {
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  width: min(100%, 1120px) !important;
  margin: 24px 0 24px 30px !important;
  padding: clamp(34px, 7vw, 76px) clamp(24px, 7vw, 76px) clamp(34px, 7vw, 76px) clamp(86px, 14vw, 152px) !important;
  overflow: hidden !important;
  border: 1px solid var(--article-paper-edge, #c9dce7) !important;
  border-radius: 0 !important;
  background: radial-gradient(ellipse at 52% 43%, #fff 0%, #f8fcff 56%, #e7f4fb 100%) !important;
  color: #17212b !important;
  box-shadow: 0 24px 44px -25px rgba(31,57,72,.24), 0 8px 20px -15px rgba(31,57,72,.30), inset -18px -12px 34px rgba(115,177,214,.10) !important;
}
.documentation-info-paper::before {
  content: "" !important;
  position: absolute !important;
  z-index: 7 !important;
  top: 34px !important;
  bottom: 34px !important;
  left: clamp(22px, 3.45vw, 42px) !important;
  width: 20px !important;
  pointer-events: none !important;
  background-image: radial-gradient(circle 8px at 10px 10px, rgba(104,113,119,.78) 0 5px, rgba(190,199,205,.72) 5.5px 7px, rgba(255,255,255,.98) 7.5px 8.5px, transparent 9px) !important;
  background-size: 20px clamp(92px, 12.4vw, 132px) !important;
  background-position: 0 0 !important;
  background-repeat: repeat-y !important;
  filter: drop-shadow(1px 2px 2px rgba(33,47,56,.20)) !important;
}
.documentation-info-paper > * {
  position: relative;
  z-index: 3;
}
.documentation-info-paper .item__label {
  display: block;
  margin: 0 0 28px;
  color: #17212b !important;
  font-size: clamp(22px, 2.3vw, 31px);
  line-height: 1.35;
}
.documentation-info-paper .header-block__text,
.documentation-info-paper .header-block__text p {
  color: #17212b !important;
}
html[data-theme="dark"] .documentation-info-paper,
html[data-theme="dark"] .documentation-info-paper .item__label,
html[data-theme="dark"] .documentation-info-paper .header-block__text,
html[data-theme="dark"] .documentation-info-paper .header-block__text p {
  color: #17212b !important;
}
@media (max-width: 900px) {
  .page__categories .item__item {
    align-items: flex-start;
  }
  .documentation-info-paper {
    margin-left: 18px !important;
    padding-left: 78px !important;
  }
}
@media (max-width: 700px) {
  .page__categories .item__item {
    display: block;
  }
  .page__categories .item__image {
    width: min(100%, 360px);
    min-height: 520px;
    margin: 0 auto 22px;
  }
  .documentation-info-paper {
    width: 100% !important;
    margin: 0 auto 24px !important;
    padding: 34px 22px 34px 62px !important;
  }
  .documentation-info-paper::before {
    left: 20px !important;
  }
}

/* var.110 — portrait cropped to the exact vertical span of the adjacent paper */
@media (min-width: 701px) {
  .page__categories .item__item {
    align-items: stretch;
  }

  .page__categories .item__item > .item__image {
    box-sizing: border-box;
    min-height: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    overflow: hidden;
    align-self: stretch;
  }

  .page__categories .item__item > .item__image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
  }
}