@import url("/styles.css");

.legal {
  width: min(42rem, calc(100% - 3.5rem));
  margin: 0 auto;
  padding: 4rem 0 6rem;
  color: var(--ink);
  font-size: 1rem;
  line-height: 1.6;
}

.legal h1 { margin: .8rem 0 2rem; font-size: clamp(2.25rem, 5vw, 3.5rem); letter-spacing: -.035em; line-height: 1; }
.legal h2 { margin-top: 2.75rem; font-size: 1.25rem; letter-spacing: -.02em; }
.legal h3 { margin: 2rem 0 .5rem; font-size: 1rem; letter-spacing: -.01em; }
.legal p { max-width: 65ch; }
.back { font-weight: 700; }
.table-wrap { overflow-x: auto; }
.legal table { width: 100%; border-collapse: collapse; font-size: .875rem; }
.legal th, .legal td { padding: .75rem; vertical-align: top; border: 1px solid var(--rule); text-align: left; }
.legal th { background: var(--field); }