/*
 * legal.css — the privacy policy and the terms.
 *
 * They reuse the landing page's tokens and header so a visitor does not land somewhere that looks
 * like a different product, and add nothing but readable long-form measure. Like the landing page,
 * they are black and white: links are underlined, not purple. A Google OAuth reviewer
 * and a customer deciding whether to connect their warehouse read these on the same page.
 */
.legal-body { background: var(--background); color: var(--foreground); }

.legal {
  max-width: 760px;
  margin: 0 auto;
  padding: 8px 24px 96px;
  line-height: 1.65;
}
.legal h1 { font-size: 40px; line-height: 1.15; margin: 24px 0 6px; }
/* shadcn's Typography h2: a rule under the heading (the 2026-10-09 canvas). */
.legal h2 { font-size: 21px; margin: 40px 0 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border); }
.legal h3 { font-size: 16px; margin: 24px 0 6px; color: var(--foreground); }
.legal p, .legal li { font-size: 15.5px; }
.legal ul { padding-left: 22px; }
.legal li { margin: 6px 0; }
.legal a { color: var(--foreground); text-decoration: underline; text-decoration-color: color-mix(in oklab, currentColor 35%, transparent); text-underline-offset: 3px; }
.legal code {
  font-family: var(--font-mono);
  font-size: 13.5px; background: var(--accent);
  padding: 1px 5px; border-radius: 4px;
}
.legal-meta { color: var(--muted); font-size: 14px; margin: 0 0 28px; }
.legal-foot { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--border-soft); font-size: 14px; }

@media (max-width: 640px) { .legal h1 { font-size: 31px; } .legal { padding-bottom: 64px; } }

/* The one place a real postal address appears. `address` is the correct element and browsers
   italicise it by default, which reads as an aside rather than as the contact of record. */
.legal-address {
  font-style: normal;
  margin: 14px 0 18px;
  padding-left: 14px;
  border-left: 2px solid var(--border-soft);
  font-size: 15.5px;
  line-height: 1.75;
}