/* v.420 / var.140
   Two handwriting text blocks use the same paper-page appearance as
   "Сведения о деятельности..." on documentation.html. */

.handwriting-paper-section {
  padding-top: 20px;
  padding-bottom: 28px;
}

.handwriting-paper.documentation-info-paper {
  position: relative !important;
  isolation: isolate !important;
  box-sizing: border-box !important;
  width: min(100%, 1120px) !important;
  margin: 24px auto !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;
}

.handwriting-paper.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;
}

.handwriting-paper.documentation-info-paper > * {
  position: relative;
  z-index: 3;
}

.handwriting-paper.documentation-info-paper .item__label {
  display: block;
  margin: 0 0 28px;
  color: #17212b !important;
  font-size: clamp(22px, 2.3vw, 31px);
  font-weight: 600;
  line-height: 1.35;
}

.handwriting-paper.documentation-info-paper .header-block__text,
.handwriting-paper.documentation-info-paper .header-block__text p,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper .item__label,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper .header-block__text,
html[data-theme="dark"] .handwriting-paper.documentation-info-paper .header-block__text p {
  color: #17212b !important;
}

.handwriting-paper.documentation-info-paper .header-block__text p {
  margin: 0 0 15px;
  line-height: 1.65;
}

.handwriting-paper.documentation-info-paper .header-block__text p:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .handwriting-paper.documentation-info-paper {
    width: 100% !important;
    margin: 18px auto !important;
    padding: 34px 22px 34px 62px !important;
  }

  .handwriting-paper.documentation-info-paper::before {
    left: 20px !important;
  }
}