/* Legal document layout. The original published text lives in legal.html. */
.legal-page {
  padding-block: 35px 70px;
  padding-inline: 0;
  overflow-wrap: anywhere;
}

.legal-page > h1 {
  margin: 0 0 78px;
  color: #232a34;
  font-size: 45px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 1px;
}

.legal-document {
  font-size: 18px;
  line-height: 1.3;
}

.legal-document h2 {
  margin: 30px 0 28px;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.3;
}

.legal-document h3 {
  margin: 30px 0 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
}

.legal-document p {
  margin: 0 0 18px;
}

.legal-document ul,
.legal-document ol {
  margin: 0 0 18px;
  padding-left: 35px;
}

.legal-document li + li {
  margin-top: 10px;
}

.legal-document [id] {
  scroll-margin-top: 25px;
}

.back-to-top {
  position: fixed;
  z-index: 20;
  right: 25px;
  bottom: 25px;
  padding: 12px 16px;
  border-radius: 0;
  font-size: 25px;
  line-height: 1;
  letter-spacing: 0;
}

@media (max-width: 1450px) {
  .legal-page { padding-inline: 35px; }
}

@media (max-width: 900px) {
  .legal-page { padding-inline: 24px; }
  .legal-page > h1 { font-size: 36px; margin-bottom: 50px; }
  .legal-document h2 { font-size: 32px; }
  .legal-document h3 { font-size: 26px; }
}

@media (max-width: 600px) {
  .legal-page { padding: 30px 20px 50px; }
  .legal-page > h1 { font-size: 28px; margin-bottom: 40px; }
  .legal-document { font-size: 16px; line-height: 1.5; }
  .legal-document h2 { font-size: 25px; margin: 30px 0 20px; }
  .legal-document h3 { font-size: 21px; margin: 25px 0 18px; }
  .legal-document ul, .legal-document ol { padding-left: 24px; }
  .back-to-top { right: 15px; bottom: 15px; padding: 10px 13px; }
}