/*
  The four legal documents.

  Plain static HTML rather than a React route, because these have to be
  legible to something that does not run JavaScript. The first version of
  them rendered client-side, which meant an ad network's automated check, a
  compliance scanner or a first-pass crawler fetched the URL and received an
  empty <div id="root">. A privacy policy nobody but a browser can read is
  not a published privacy policy.

  Served straight by nginx (`try_files $uri $uri/`), so they also survive the
  API being down — which is exactly when somebody might be looking for a
  contact address.
*/
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #0b0b0f;
  color: #9090a8;
  font: 400 13.5px/1.65 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-text-size-adjust: 100%;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; }
@media (min-width: 768px) { .wrap { padding-top: 48px; } }
.brand {
  display: inline-flex; align-items: center; gap: 10px;
  margin-bottom: 32px; text-decoration: none;
}
.brand img { width: 30px; height: 30px; }
.brand span { color: #f0f0f5; font-size: 15px; font-weight: 700; letter-spacing: -0.01em; }
h1 { color: #f0f0f5; font-size: 24px; font-weight: 700; letter-spacing: -0.02em; margin: 0 0 6px; }
@media (min-width: 768px) { h1 { font-size: 27px; } }
h2 { color: #f0f0f5; font-size: 15px; font-weight: 600; margin: 28px 0 8px; }
.updated { color: #5a5a70; font-size: 12px; margin: 0 0 32px; }
p { margin: 0 0 10px; }
strong { color: #f0f0f5; font-weight: 600; }
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.92em; background: rgba(255,255,255,0.06);
  padding: 1px 5px; border-radius: 4px;
}
a { color: #4da3ff; text-decoration: none; }
a:hover { text-decoration: underline; }
ul { margin: 0 0 10px; padding-left: 20px; }
li { margin-bottom: 6px; }
nav.foot {
  display: flex; flex-wrap: wrap; gap: 8px 20px;
  margin-top: 40px; padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.06);
  font-size: 12.5px;
}
nav.foot a { color: #5a5a70; }
nav.foot a:hover { color: #4da3ff; text-decoration: none; }