/* Shared layout for the legal pages (disclaimer, privacy, terms).
   A legal page is read rather than scanned, so the column is narrow and the
   line height generous. Everything else follows brand.css. */

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(26px, 4vw, 54px) 20px clamp(40px, 6vw, 80px);
}

.legal h1 {
  font-size: clamp(1.7rem, 3.4vw, 2.3rem);
  font-weight: 800;
  letter-spacing: -.02em;
  margin-bottom: 10px;
}

.legal .updated {
  color: var(--text-faint);
  font-size: .84rem;
  margin-bottom: 22px;
}

/* The summary box: the one paragraph someone who reads nothing else will read */
.legal .lead {
  color: var(--text);
  font-size: 1.02rem;
  line-height: 1.75;
  padding: 16px 18px;
  border-radius: 12px;
  background: rgba(99, 102, 241, .1);
  border: 1px solid rgba(99, 102, 241, .3);
  margin-bottom: 30px;
}

/* Numbered so a specific clause can be referred to */
.legal .toc {
  margin-bottom: 32px;
  padding: 15px 18px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(122, 126, 255, .18);
}

.legal .toc ol { margin: 0; padding-left: 20px; }
.legal .toc li { margin: 5px 0; }

.legal .toc a {
  color: #9dd0ff;
  text-decoration: none;
  font-size: .89rem;
}

.legal .toc a:hover { text-decoration: underline; }

.legal section { margin-bottom: 26px; }

.legal h2 {
  font-size: 1.05rem;
  font-weight: 700;
  color: #cfd2f5;
  margin-bottom: 9px;
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(122, 126, 255, .22);
}

.legal p {
  color: var(--text-dim);
  font-size: .93rem;
  line-height: 1.78;
  margin-bottom: 11px;
}

.legal ul {
  margin: 0 0 11px;
  padding-left: 19px;
  list-style: none;
}

.legal ul li {
  color: var(--text-dim);
  font-size: .93rem;
  line-height: 1.75;
  margin-bottom: 8px;
  position: relative;
}

/* A small square rather than a bullet: it reads as an itemised clause */
.legal ul li::before {
  content: '';
  position: absolute;
  left: -15px;
  top: .62em;
  width: 5px;
  height: 5px;
  border-radius: 1px;
  background: #7a7eff;
}

.legal ul li b { color: #cfd2f5; font-weight: 700; }
.legal p b { color: #cfd2f5; }

.legal .foot-note {
  margin-top: 34px;
  padding-top: 18px;
  border-top: 1px solid rgba(122, 126, 255, .22);
  color: var(--text-faint);
  font-size: .88rem;
  line-height: 1.7;
}