/* Privacy policy and terms. Same shell as the case study, tuned for a long
   document that is read in parts rather than straight through. */

.legal-head { gap: 12px; }

.legal-head h1 { font-size: 45px; line-height: 1.1; }

.bp-head .legal-date {
  margin: 8px 0 0;
  font-family: var(--font-inter);
  font-size: 13px;
  line-height: 1.4;
  color: var(--muted);
  transform: translateY(var(--figma-baseline-shift-inter));
}

/* A legal page is scanned by heading, so the headings get a rule above them
   and more air than the article body gives them. */
.legal-body { gap: 20px; max-width: 980px; }

.legal-body h2 {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 2px solid var(--obsidian);
  font-size: 24px;
  line-height: 1.2;
}

.legal-body > h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }

.legal-body code {
  padding: 2px 6px;
  background: var(--white);
  box-shadow: inset 0 0 0 1px var(--muted);
  font-family: var(--font-mono);
  font-size: 15px;
}

.legal-body a { color: var(--obsidian); text-decoration: underline; }