/*
 * The legal pages: privacy policy and terms.
 *
 * These deliberately do not inherit the app's Alpine palette. They are
 * documents, not screens — a reviewer opens them in a browser tab, a user opens
 * them from a settings row, and both want the plainest possible reading
 * surface. Black on white, one column, generous line height, and no chrome.
 *
 * The colours live here rather than inline because src/routes is under the UI
 * contract, which bans raw hex; tokens in a stylesheet are the sanctioned way
 * to say "this document is black on white".
 */

.drift-legal {
  --legal-page: #ffffff;
  --legal-ink: #111111;
  --legal-ink-soft: #555555;
  --legal-rule: #dddddd;

  max-width: 720px;
  margin: 0 auto;
  padding: 56px 22px 96px;
  background: var(--legal-page);
  color: var(--legal-ink);
  font: 16px/1.65 ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.drift-legal h1 {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin: 0 0 6px;
}

.drift-legal h2 {
  font-size: 20px;
  letter-spacing: -0.005em;
  margin: 38px 0 10px;
}

.drift-legal h3 {
  font-size: 16px;
  font-weight: 650;
  margin: 24px 0 8px;
}

.drift-legal p {
  margin: 0 0 14px;
}

.drift-legal ul {
  margin: 0 0 14px;
  padding-left: 20px;
}

.drift-legal li {
  margin: 0 0 7px;
}

.drift-legal a {
  color: inherit;
}

.drift-legal-date,
.drift-legal-foot {
  color: var(--legal-ink-soft);
  font-size: 14px;
}

.drift-legal-date {
  margin: 0 0 34px;
}

.drift-legal-foot {
  font-size: 13px;
  margin: 0;
}

.drift-legal hr {
  border: 0;
  border-top: 1px solid var(--legal-rule);
  margin: 44px 0 20px;
}

/* The document stays white even when the reader's system is dark: this is a
   printed page, and inverting a legal text mid-read is worse than ignoring the
   preference. The page background is painted too, so it is not a white column
   floating on a dark ground. */
@media (prefers-color-scheme: dark) {
  html:has(.drift-legal),
  body:has(.drift-legal) {
    background: var(--legal-page, #ffffff);
  }
}