/* privacy.html — standalone minimal page, matches the site palette.
   Kept as its own file (no inline styles) so the strict CSP holds. */
:root {
  --bg-0: #030d0b;
  --line: #1d4a3c;
  --emerald: #35b98a;
  --emerald-deep: #186048;
  --foam: #dcf2e8;
  --mist: #8fb8a8;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-pixel: "Silkscreen", "Press Start 2P", ui-monospace, "SF Mono", Menlo, monospace;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: var(--bg-0);
  color: var(--foam);
  font-family: var(--font-body);
  line-height: 1.65;
}
::selection { background: var(--emerald-deep); color: var(--foam); }
.privacy {
  max-width: 680px;
  margin: 0 auto;
  padding: 72px 24px 96px;
}
.kicker {
  font-family: var(--font-pixel);
  font-size: 12px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--emerald);
  display: flex;
  align-items: center;
  gap: 10px;
}
.gem {
  width: 9px; height: 9px;
  background: var(--emerald);
  transform: rotate(45deg);
  display: inline-block;
}
h1 {
  font-family: var(--font-pixel);
  font-size: clamp(26px, 5vw, 40px);
  margin: 18px 0 6px;
}
.updated { color: var(--mist); font-size: 14px; margin-bottom: 32px; }
h2 {
  font-family: var(--font-pixel);
  font-size: 16px;
  color: var(--emerald);
  margin: 36px 0 12px;
}
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 10px; }
a { color: var(--emerald); text-decoration-color: var(--emerald-deep); }
a:hover { text-decoration-color: var(--emerald); }
.back { margin-top: 48px; }
.back a { font-family: var(--font-pixel); font-size: 13px; text-decoration: none; }
.back a:hover { text-decoration: underline; }