/* The two legal pages share this. Deliberately plain: a licence agreement and a privacy
   policy are documents to be read, not designed, and the one thing they owe the reader is
   that nothing important is hard to find. Palette and type from the landing page. */
:root {
  --bg: #0b0a10;
  --panel: #0f0d15;
  --text: #ede9f3;
  --dim: #9a93ac;
  --focus: #9b87f5;
  --seam: #000;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  padding: 0 20px 80px;
  background: var(--bg);
  color: var(--text);
  font: 15px/1.65 ui-sans-serif, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.wrap { max-width: 720px; margin: 0 auto; }
header { padding: 34px 0 26px; border-bottom: 1px solid var(--seam); margin-bottom: 30px; }
.mark {
  display: inline-flex; align-items: center; gap: 9px;
  font: 600 13px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.14em; color: var(--text); text-decoration: none;
}
.dot { width: 9px; height: 9px; background: var(--focus); display: inline-block; }
h1 { font-size: 1.5rem; margin: 22px 0 6px; letter-spacing: -0.01em; }
h2 { font-size: 1rem; margin: 30px 0 8px; letter-spacing: 0.01em; }
p, li { color: var(--dim); }
li { margin-bottom: 6px; }
strong { color: var(--text); font-weight: 600; }
a { color: var(--focus); }
.updated { font: 500 12px/1 ui-monospace, SFMono-Regular, Menlo, monospace; color: #6b6480; }
.back { display: inline-block; margin-top: 40px; font-size: 14px; }
.note {
  background: var(--panel); padding: 14px 16px; margin: 22px 0;
  border-left: 2px solid var(--focus);
}
.note p { margin: 0; }