/* Shared by the legal pages. Deliberately plain and self-contained: these
   have to render for someone who has not installed anything, on any phone,
   and they must stay readable if every other asset fails to load. */
:root {
  --navy: #070d1a;
  --surface: #161f32;
  --green: #00e676;
  --text: #f2f5fa;
  --muted: #8a99ad;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 24px 18px 64px;
  background: var(--navy);
  color: var(--text);
  font: 16px/1.75 system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}
main { max-width: 720px; margin: 0 auto; }
.brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  letter-spacing: .5px;
  margin-bottom: 6px;
}
.brand .star { color: var(--green); }
h1 { font-size: 26px; margin: 18px 0 4px; }
h2 { font-size: 18px; margin: 30px 0 6px; color: var(--green); }
p, li { color: var(--text); }
.updated { color: var(--muted); font-size: 14px; margin-top: 0; }
ul { padding-inline-start: 22px; }
a { color: var(--green); }
.box {
  background: var(--surface);
  border-radius: 12px;
  padding: 14px 18px;
  margin: 20px 0;
}
.muted { color: var(--muted); font-size: 14px; }
footer { margin-top: 40px; color: var(--muted); font-size: 14px; }
code { background: var(--surface); padding: 1px 6px; border-radius: 5px; }

/* Language switch. The app opens whichever page matches the language it is
   running in, but somebody who arrived from a shared link, or whose phone
   is in a third language, still has to be able to read this. */
.lang {
  margin: 0 0 4px;
  font-size: 14px;
  color: var(--muted);
}
.lang strong { color: var(--text); font-weight: 700; }