/* Shared by the privacy, terms and account-deletion pages.

   These three exist because both stores require them at a public URL before
   they will accept a build: Google Play wants a privacy policy and a web
   route for deleting an account, and Apple wants the same. The site used to
   answer every path with the holding page, so all three "existed" in the
   sense that they returned 200 and said nothing. */

:root {
  --gold: #D0A741;
  --ink: #1A1A1A;
  --ink-soft: #4A4A4A;
  --ground: #F5F0E8;
  --rule: #E2D9C8;
  --panel: #FBF8F2;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 32px 24px 64px;
  background: var(--ground);
  color: var(--ink);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}

main { max-width: 46rem; margin: 0 auto; }

/* The real mark, not a gold square with an emoji in it. */
.mark {
  width: 44px; height: 44px;
  display: block;
  margin-bottom: 20px;
}

a { color: #A8801F; }

h1 {
  margin: 0 0 6px;
  font-size: clamp(1.6rem, 4.5vw, 2.1rem);
  font-weight: 800;
  letter-spacing: -0.02em;
}

h2 {
  margin: 34px 0 10px;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h3 {
  margin: 22px 0 6px;
  font-size: 0.98rem;
  font-weight: 700;
}

p, li { color: var(--ink-soft); margin: 0 0 10px; }
ul { padding-left: 20px; margin: 0 0 14px; }
li { margin-bottom: 6px; }

.updated {
  font-size: 0.85rem;
  color: #8A8378;
  margin-bottom: 26px;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 18px 0;
}

.panel p:last-child, .panel ul:last-child { margin-bottom: 0; }

table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0 18px;
  font-size: 0.92rem;
}

th, td {
  text-align: left;
  padding: 9px 10px;
  border-bottom: 1px solid var(--rule);
  vertical-align: top;
  color: var(--ink-soft);
}

th { color: var(--ink); font-weight: 700; }

.scroller { overflow-x: auto; }

footer {
  margin-top: 44px;
  padding-top: 18px;
  border-top: 1px solid var(--rule);
  font-size: 0.85rem;
  color: #8A8378;
}

footer a { margin-right: 14px; }

@media (prefers-color-scheme: dark) {
  :root {
    --ground: #14120E;
    --ink: #F4F0E6;
    --ink-soft: #C7C0B2;
    --rule: #322C22;
    --panel: #1B1811;
  }
  a { color: #E0BC63; }
  footer, .updated { color: #948C7C; }
}