/* Bugloos Feedback — public privacy policy.
   Same achromatic tokens as triage.css, set for reading: one narrow column,
   generous line height, no chrome. Public page, so it carries its own tokens
   rather than depending on the dashboard's stylesheet. */

:root {
  --background:       oklch(1 0 0);
  --foreground:       oklch(0.145 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --border:           oklch(0.922 0 0);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background:       oklch(0.145 0 0);
    --foreground:       oklch(0.985 0 0);
    --muted-foreground: oklch(0.708 0 0);
    --border:           oklch(1 0 0 / 10%);
    color-scheme: dark;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
}

.policy {
  max-width: 42rem;
  margin: 0 auto;
  padding: 3rem 1rem 5rem;
  font-size: 1rem;
  line-height: 1.65;
}

.policy h1 {
  font-size: 1.75rem;
  line-height: 1.2;
  margin: 0 0 0.25rem;
}

.policy h2 {
  font-size: 1.125rem;
  margin: 2.25rem 0 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border);
}

.policy .meta {
  color: var(--muted-foreground);
  margin: 0 0 1.75rem;
}

.policy li { margin-bottom: 0.375rem; }

.policy a { color: inherit; text-underline-offset: 0.2em; }