/* Legal pages use the same navigation, type, tokens and footer as the program. */
.legal-page {
  width:100%;
  max-width:950px;
  margin:auto;
  padding:85px var(--gutter) 100px
}
.legal-page h1 {
  font-size:clamp(38px,5.4vw,76px);
  max-width:none;
  margin-bottom:54px;
  overflow-wrap:anywhere;
  hyphens:auto
}
.legal-page h2 {
  font-size:27px;
  margin:40px 0 16px;
  max-width:none;
  letter-spacing:-.025em
}
.legal-page p {
  margin-bottom:20px;
  color:var(--ink-2)
}
.legal-page .eyebrow {
  color:var(--accent)
}
.legal-page .fine {
  font-size:12px
}
.legal-page .btn {
  margin-top:20px
}
.error-page {
  min-height:65svh;
  max-width:1150px
}
.error-page h1 {
  max-width:17ch
}
.error-page .eyebrow {
  font-size:12px
}
@media(max-width:599px) {
  .legal-page {
    padding-block:52px 70px
  }
  .legal-page h1 {
    margin-bottom:35px
  }
  .legal-page h2 {
    font-size:25px
  }
  .legal-page p {
    font-size:15px
  }
}