/* Legal documents. Long-form reading on the marketing site's tokens — this
   file only adds what site.css has no reason to carry: a measure, hanging
   clause numbers, and tables that survive a phone. */

body.legal { background: var(--paper, #fff); }

.legal main {
  max-width: 42rem;
  margin: 0 auto;
  padding: 0 20px 4rem;
}

.legal-nav {
  max-width: 42rem;
  margin: 0 auto 2rem;
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  gap: .4rem .9rem;
  font-size: .85rem;
}
.legal-nav [aria-current="page"] { font-weight: 600; }

.legal .doc-meta {
  font-size: .8rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  opacity: .75;
  margin: 0 0 2rem;
  padding-bottom: .8rem;
  border-bottom: 1px solid currentColor;
}

.legal main h1 { margin: 0 0 1.5rem; }
.legal main h2 { margin: 2.4rem 0 .8rem; font-size: 1.15rem; }
.legal main h3 { margin: 1.8rem 0 .6rem; font-size: 1rem; }
.legal main p, .legal main li { line-height: 1.65; }
.legal main li { margin-bottom: .4rem; }

/* GFM tables — the DPA's Annex 1 is three of them, and a phone must not
   scroll the whole page sideways to read one. */
.legal main table {
  display: block;
  overflow-x: auto;
  border-collapse: collapse;
  width: 100%;
  margin: 1.2rem 0;
  font-size: .92rem;
}
.legal main th, .legal main td {
  text-align: left;
  vertical-align: top;
  padding: .5rem .9rem .5rem 0;
  border-bottom: 1px solid rgba(128, 128, 128, .3);
}
.legal main th { white-space: nowrap; }

.legal-foot {
  max-width: 42rem;
  margin: 0 auto;
  padding: 1.5rem 20px 3rem;
  border-top: 1px solid rgba(128, 128, 128, .3);
  font-size: .85rem;
}
.legal-foot p { margin: .3rem 0; }