.legal {
  padding: 4rem 0 5rem;
}
.legal h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  margin-bottom: .4rem;
}
.legal-meta {
  color: #94a3b8;
  font-size: .9rem;
  margin-bottom: 2.5rem;
}
.legal h2 {
  font-size: 1.15rem;
  margin: 2rem 0 .6rem;
  color: var(--dark);
}
.legal p, .legal li {
  color: var(--mid);
  line-height: 1.75;
  margin-bottom: .5rem;
}
.legal ul {
  padding-left: 1.25rem;
  margin-bottom: 1rem;
}
.legal a { color: var(--blue); }
.legal table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.5rem;
  font-size: .95rem;
}
.legal th, .legal td {
  text-align: left;
  padding: .6rem .75rem;
  border: 1px solid var(--border);
}
.legal th {
  background: var(--light);
  font-weight: 600;
  color: var(--dark);
}
.legal td { color: var(--mid); }