/* HTML-страницы по оригиналам (HTML_PAGES.md): вёрстка из архива a1-html-pages.zip */
.html-page {
  position: relative;
  width: 100%;
  min-height: 120px;
  background: #fff;
  box-shadow: 0 3px 17px #0000001f;
  overflow: hidden;
}
.html-page .pgwrap {
  position: relative;
  width: calc(var(--w) * 1pt);
}
.html-page section.pg {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: var(--w) / var(--h);
  padding: var(--mt) var(--mr) 0 var(--ml);
  font-family: "Times New Roman", "Liberation Serif", Tinos, serif;
  font-size: var(--fs);
  line-height: 1.15;
  color: #000;
  background: #fff;
  overflow: hidden;
  text-align: left;
}
.html-page section.pg p,
.html-page section.pg div,
.html-page section.pg h1,
.html-page section.pg h2,
.html-page section.pg h3 {
  margin: 0;
  font: inherit;
  color: inherit;
}
.html-page section.pg b { font-weight: 700; }
.html-page .c { text-align: center; }
.html-page .r { text-align: right; }
.html-page .j { text-align: justify; }
.html-page .l { text-align: left; }
.html-page .ind { text-indent: var(--ind, 1.25cm); }
.html-page .hang {
  padding-left: var(--ind, 1.25cm);
  text-indent: calc(-1 * var(--ind, 1.25cm));
}
.html-page .cols2,
.html-page .cols3 { display: flex; align-items: flex-start; }
.html-page .col { flex: none; box-sizing: border-box; }
.html-page .rule-v > .col + .col { border-left: 1px solid #000; padding-left: 0.4em; }
.html-page .box { border: 1px solid #000; box-sizing: border-box; padding: 0.15em 0.3em; }
.html-page .sig { border-bottom: 1px solid #000; }
.html-page .toc { display: flex; align-items: last baseline; }
.html-page .toc .lead {
  flex: 1;
  border-bottom: 1px dotted #000;
  margin: 0 0.3em;
  transform: translateY(-0.25em);
}
.html-page .toc span.pg { flex: none; }
.html-page .sp1 { margin-top: 1lh; }
.html-page .sp2 { margin-top: 2lh; }
.html-page .sp3 { margin-top: 3lh; }
.html-page .img { position: absolute; pointer-events: none; }
.html-page [data-src="vision"] {
  text-decoration: underline dotted #9a8a92;
  text-underline-offset: 0.15em;
}
.html-page .page-anchor-html { scroll-margin: 50px; }
.html-page ::selection { background: #92435838; }
@media print {
  .html-page { box-shadow: none; }
}