/* The privacy and terms pages: plain HTML (readable without JavaScript) in the app's colours. */
:root { color-scheme: dark; }
body {
  margin: 0;
  background: #0b0b1e;
  color: #f4f1ff;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 24px 16px 48px; }
h1 { font-size: 28px; margin: 8px 0 4px; }
h2 { font-size: 19px; margin: 28px 0 8px; color: #f2b84b; }
ul { padding-left: 22px; }
li { margin: 6px 0; }
a { color: #f2b84b; }
.meta, .back { color: #a9a4cc; font-size: 14px; }
.back a { text-decoration: none; }
/* Links that stand on their own (back, the page links, the contact email) get a comfortable
   tap area (about 44px tall); as inline blocks, wrapped ones take their own room. */
.back a, .meta a, a[href^="mailto:"] {
  display: inline-block;
  padding: 11px 2px;
}
.back, .meta { margin: 4px 0; }