/* Shared by /terms and /privacy.
   The landing page centres one short message; these are documents somebody
   reads top to bottom, so they get a measure and a left edge instead. */
:root {
  --ink: #17150f;
  --bone: #f0ede6;
  --brass: #b08d3f;
  --muted: #8b857a;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: var(--ink);
  color: var(--bone);
  font-family: "Schibsted Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.6;
  padding: 32px 24px 64px;
}
main { max-width: 42rem; margin: 0 auto; }
h1 { font-size: 1.75rem; letter-spacing: -0.02em; margin: 0 0 0.25rem; }
h2 { font-size: 1.1rem; margin: 2.25rem 0 0.5rem; }
.tagline {
  color: var(--brass);
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}
.updated { color: var(--muted); font-size: 0.85rem; margin: 0 0 2rem; }
p, li { color: var(--bone); margin: 0 0 0.9rem; }
ul { padding-left: 1.2rem; }
a { color: var(--brass); }
footer {
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(240, 237, 230, 0.15);
  color: var(--muted);
  font-size: 0.9rem;
}
footer p { color: var(--muted); }

/* Who operates this website, on every page of the domain.

   Apple's developer enrolment checks that the organisation's site is publicly
   available and clearly associated with the organisation on the application.
   A site that never names the company reads as "minimal content" to that
   reviewer however much else is on it, so the legal entity and a working
   contact address are ordinary readable text at the foot of all four of these
   documents as well as the marketing pages.

   It sits in the FOOTER rather than in the body of any of these, which keeps
   the lawyer-reviewed replacement a paste job into <main>. */
.entity { margin-top: 1rem; font-size: 0.88rem; }
.entity strong { color: var(--bone); font-weight: 700; }