/* Shared styling for the legal pages (Privacy Policy, Terms of Service, Safety &
   Crisis Protocol, Delete your account). Deliberately plain, high-contrast and
   printable — these are read by users, App Review and regulators. Theme-aware. */
:root {
  --bg: #ffffff;
  --fg: #16161a;
  --muted: #5c5c66;
  --rule: #e4e4e9;
  --accent: #9e2f5c;
  --card: #faf9fb;
  --warn-bg: #fff4e5;
  --warn-fg: #6b4400;
  --warn-rule: #e8b866;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #121214;
    --fg: #ececf0;
    --muted: #a0a0ab;
    --rule: #2a2a30;
    --accent: #e88bb0;
    --card: #1a1a1e;
    --warn-bg: #2e2308;
    --warn-fg: #f2ce8a;
    --warn-rule: #6b5220;
  }
}
:root[data-theme='dark'] {
  --bg: #121214; --fg: #ececf0; --muted: #a0a0ab; --rule: #2a2a30;
  --accent: #e88bb0; --card: #1a1a1e;
  --warn-bg: #2e2308; --warn-fg: #f2ce8a; --warn-rule: #6b5220;
}
:root[data-theme='light'] {
  --bg: #ffffff; --fg: #16161a; --muted: #5c5c66; --rule: #e4e4e9;
  --accent: #9e2f5c; --card: #faf9fb;
  --warn-bg: #fff4e5; --warn-fg: #6b4400; --warn-rule: #e8b866;
}

body {
  background: var(--bg);
  color: var(--fg);
  font: 16px/1.65 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  margin: 0;
  padding: 2.5rem 1.25rem 5rem;
  -webkit-text-size-adjust: 100%;
}
main { max-width: 46rem; margin: 0 auto; }
h1 { font-size: 1.9rem; line-height: 1.2; margin: 0 0 .4rem; letter-spacing: -.02em; }
h2 {
  font-size: 1.2rem; margin: 2.6rem 0 .75rem; letter-spacing: -.01em;
  padding-top: 1.4rem; border-top: 1px solid var(--rule);
}
h3 { font-size: 1rem; margin: 1.6rem 0 .4rem; }
p, li { color: var(--fg); }
a { color: var(--accent); }
.lede { color: var(--muted); margin: 0 0 1.5rem; }
.updated { color: var(--muted); font-size: .875rem; margin: 0 0 2rem; }
strong { font-weight: 650; }
ul, ol { padding-left: 1.15rem; }
li { margin: .35rem 0; }

/* Cross-links between the legal pages + back to the site. */
.legal-nav {
  font-size: .875rem; color: var(--muted); margin: 0 0 2rem;
  display: flex; flex-wrap: wrap; gap: .35rem .75rem;
}
.legal-nav a[aria-current='page'] { color: var(--fg); font-weight: 650; text-decoration: none; }

/* [CONFIRM: …] markers — facts only the company can supply. Visible on purpose:
   the pages are published before legal review, and a marker is more honest than
   a guess. Resolve each one, then delete the span (keep the text). */
.confirm {
  background: var(--warn-bg); color: var(--warn-fg);
  border: 1px dashed var(--warn-rule); border-radius: 4px;
  padding: .05em .4em; font-size: .9em; font-weight: 600;
}

.card {
  background: var(--card); border: 1px solid var(--rule);
  border-radius: 10px; padding: .35rem 1.15rem; margin: 1rem 0;
}
table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .925rem; }
th, td { text-align: left; padding: .6rem .7rem; border-bottom: 1px solid var(--rule); vertical-align: top; }
th { font-weight: 650; color: var(--muted); font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; }
.scroll { overflow-x: auto; }
footer { margin-top: 3.5rem; padding-top: 1.4rem; border-top: 1px solid var(--rule); color: var(--muted); font-size: .875rem; }