/* ==========================================================================
   legal-pages — privacy.html and terms.html
   ========================================================================== */

.legal-page {
  padding: 70px 0 100px;
}
.legal-page .updated {
  color: var(--stone);
  font-size: 14px;
  margin-bottom: 40px;
}
.legal-page h1 {
  font-size: clamp(32px, 4.5vw, 46px);
  margin-bottom: 10px;
}
.legal-page section {
  max-width: 70ch;
  margin-top: 44px;
}
.legal-page h2 {
  font-size: 21px;
  margin-bottom: 14px;
}
.legal-page p, .legal-page li {
  color: var(--stone);
  font-size: 16px;
  margin-bottom: 14px;
}
.legal-page ul {
  padding-left: 22px;
  margin-bottom: 14px;
}
.legal-page a.inline-link {
  color: var(--sand);
  text-decoration: underline;
  text-decoration-color: var(--rust);
  text-underline-offset: 3px;
}
.legal-page .notice-box {
  border: 1px solid var(--line);
  border-left: 3px solid var(--rust);
  padding: 18px 20px;
  margin-bottom: 30px;
  max-width: 70ch;
  font-size: 15px;
  color: var(--stone);
}
.legal-page .notice-box strong {
  color: var(--sand);
}
.back-link {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 14px;
  color: var(--stone);
}
.back-link:hover {
  color: var(--sand);
}

/* Was an inline style="border-bottom: none" on the page's section.block. */
section.block.legal-page {
  border-bottom: none;
}