/* legal.css — privacy policy and terms. Long-form reading, nothing else. */

.legal__main { padding-block: clamp(var(--s-6), 6vw, var(--s-8)); }

.legal {
  max-width: 72ch;
  margin-inline: auto;
}

.legal h1 {
  font-size: var(--t-2xl);
  margin-bottom: var(--s-3);
}

.legal__updated {
  color: var(--c-text-dim);
  font-size: var(--t-sm);
  margin-bottom: var(--s-6);
  padding-bottom: var(--s-5);
  border-bottom: 1px solid var(--c-line);
}

.legal h2 {
  font-size: var(--t-lg);
  color: var(--c-mint);
  margin-top: var(--s-7);
  margin-bottom: var(--s-3);
}

.legal p,
.legal li {
  color: var(--c-text-mut);
  font-size: var(--t-base);
}
.legal p + p { margin-top: var(--s-4); }

.legal ul {
  margin: var(--s-4) 0 0;
  padding-left: var(--s-5);
  display: grid;
  gap: var(--s-2);
}

.legal strong { color: var(--c-text); font-weight: 600; }

.legal__note {
  margin-top: var(--s-7);
  padding: var(--s-5);
  border: 1px dashed var(--c-line-str);
  border-radius: var(--r-lg);
  background: rgba(229, 153, 10, 0.06);
  color: var(--c-text-mut);
  font-size: var(--t-sm);
}
.legal__note strong { color: var(--c-amber-lift); }