.legal-main {
  max-width: 900px;
  padding: 40px 24px;
}
.legal-eyebrow {
  color: #3be0d0;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.legal-date {
  font-size: 13px;
  color: #a2afbf;
}
.legal-draft {
  margin: 20px 0;
  border-left: 3px solid #edbb62;
  padding: 14px 18px;
  background: #211f1a;
  color: #edbb62;
  font-size: 13px;
}
.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  margin: 24px 0;
  padding: 16px 0;
  border-block: 1px solid #2c3b4c;
}
.legal-nav a {
  font-size: 13px;
  text-decoration: none;
  color: #a2afbf;
  padding: 4px 0;
}
.legal-nav a:hover,
.legal-nav a[aria-current] {
  color: #3be0d0;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.legal-main section {
  scroll-margin-top: 20px;
}
.legal-main section p {
  font-size: 14px;
  color: #a2afbf;
}
.legal-main a {
  overflow-wrap: anywhere;
}
.legal-main section h2 {
  font-size: 21px;
}