.legal {
  max-width: 68ch;
  margin: 0 auto;
  padding: 48px 28px 80px;
  color: var(--ink);
}
.legal h1 { font-size: 26px; margin: 0 0 4px; letter-spacing: -0.01em; }
.legal .updated { color: var(--muted); font-size: 13px; margin: 0 0 34px; }
.legal h2 { font-size: 17px; margin: 34px 0 10px; }
.legal p, .legal li { font-size: 15px; line-height: 1.65; }
.legal ul { padding-left: 22px; }
.legal li { margin-bottom: 7px; }
.legal a { color: var(--accent); }
.legal .home { display: inline-block; margin-bottom: 26px; color: var(--muted); font-size: 13px; }
.legal .callout {
  background: var(--accent-soft);
  border-left: 3px solid var(--accent);
  padding: 14px 18px;
  border-radius: 0 8px 8px 0;
  margin: 22px 0;
}