/* Shared by privacy.html, support.html and index.html. Colours are sampled from
   the app icon so the pages read as part of the same product. */
:root {
  --bg: #1b2049;
  --bg-deep: #141833;
  --card: #232a5c;
  --line: #343c77;
  --ink: #eef0fb;
  --ink-dim: #a9b0d8;
  --accent: #b9b0fb;
  --bottle: #f1bb1a;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  padding: 0 16px 96px;
  background: radial-gradient(120% 90% at 50% 0%, #2a3068 0%, var(--bg) 45%, var(--bg-deep) 100%);
  background-attachment: fixed;
  color: var(--ink);
  font: 400 17px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.wrap { max-width: 44rem; margin: 0 auto; }
header { padding: 56px 0 8px; }
.mark {
  display: inline-flex; align-items: center; gap: 12px;
  text-decoration: none; color: var(--ink);
}
.dot {
  width: 34px; height: 34px; border-radius: 50%;
  background: var(--bottle);
  box-shadow: 0 0 0 4px rgba(185,176,251,.18), 0 6px 18px rgba(0,0,0,.35);
  flex: 0 0 auto;
}
.mark b { font-size: 19px; font-weight: 650; letter-spacing: -.01em; }
h1 {
  font-size: clamp(30px, 6vw, 42px); line-height: 1.12; letter-spacing: -.022em;
  margin: 34px 0 10px; font-weight: 680;
}
h3 {
  font-size: 18px; line-height: 1.35; letter-spacing: -.008em;
  margin: 30px 0 10px; font-weight: 640; color: var(--ink);
}
h2 {
  font-size: 21px; line-height: 1.3; letter-spacing: -.012em;
  margin: 44px 0 12px; font-weight: 650;
}
.updated { color: var(--ink-dim); font-size: 15px; margin: 0 0 8px; }
p, li { color: #dfe3f7; }
p { margin: 0 0 16px; }
ul { margin: 0 0 16px; padding-left: 22px; }
li { margin: 0 0 9px; }
li::marker { color: var(--accent); }
a { color: var(--accent); text-underline-offset: 3px; }
strong { color: var(--ink); font-weight: 620; }
.lead { font-size: 19px; color: var(--ink); }
.card {
  background: var(--card); border: 1px solid var(--line); border-radius: 14px;
  padding: 20px 22px; margin: 0 0 20px;
}
.card p:last-child, .card ul:last-child { margin-bottom: 0; }
hr { border: 0; border-top: 1px solid var(--line); margin: 48px 0 0; }
footer { color: var(--ink-dim); font-size: 15px; padding-top: 20px; }
footer a { color: var(--ink-dim); }
code {
  font: 500 .92em/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  background: rgba(0,0,0,.26); padding: .12em .4em; border-radius: 5px;
}
@media (max-width: 480px) {
  body { font-size: 16px; }
  header { padding-top: 36px; }
}