.legal-wrap {
  max-width: 640px;
  margin: 0 auto;
  padding: 48px 20px 80px;
  color: #D3D6D8;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.65;
}

.legal-back {
  display: inline-block;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: #868D91;
  text-decoration: none;
  margin-bottom: 32px;
}
.legal-back:hover { color: #F2F2EF; }

.legal-wrap h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: clamp(26px, 6vw, 34px);
  color: #F2F2EF;
  margin: 0 0 6px;
  line-height: 1.1;
}

.legal-updated {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: #55585a;
  margin: 0 0 40px;
}

.legal-wrap h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: #F2F2EF;
  margin: 36px 0 10px;
  padding-top: 36px;
  border-top: 1px solid #24292C;
}
.legal-wrap h2:first-of-type { border-top: none; padding-top: 0; }

.legal-wrap p { margin: 0 0 14px; }

.legal-wrap ul {
  margin: 0 0 14px;
  padding-left: 20px;
}
.legal-wrap ul li { margin-bottom: 6px; }

.legal-wrap a { color: #F2A93B; text-decoration: none; }
.legal-wrap a:hover { text-decoration: underline; }

.legal-wrap strong { color: #F2F2EF; }
