/* Privacy + Terms — the landing's paper and ink, set for long reading */
:root {
  --desk: #eff1f4;
  --paper: #ffffff;
  --ink: #1c1917;
  --ink-2: #57534e;
  --rule: #d9dce1;
  --serif: 'Newsreader', Georgia, serif;
  --sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--desk);
  color: var(--ink);
  font: 17px/1.6 var(--sans);
  -webkit-font-smoothing: antialiased;
}

main {
  max-width: 760px;
  margin: 32px auto 64px;
  padding: 48px 56px 64px;
  background: var(--paper);
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(28, 25, 23, 0.06), 0 12px 32px -18px rgba(28, 25, 23, 0.3);
}

.back { font: 500 1.3rem/1 var(--serif); text-decoration: none; }

h1 { font: 400 clamp(2rem, 5vw, 2.75rem)/1.15 var(--serif); margin: 36px 0 6px; }
h2 { font: 400 1.45rem/1.3 var(--serif); margin: 40px 0 12px; }

.updated { color: var(--ink-2); margin-bottom: 28px; }

p, ul { margin-bottom: 14px; }
ul { padding-left: 1.3rem; }
li { margin-bottom: 8px; }
strong { font-weight: 600; }

a { color: inherit; text-underline-offset: 3px; text-decoration-thickness: 1px; }
a:hover { text-decoration-thickness: 2px; }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; border-radius: 2px; }

address { font-style: normal; padding: 14px 18px; border-left: 3px solid var(--rule); background: var(--desk); margin-bottom: 14px; }

@media (max-width: 640px) {
  main { margin: 0; padding: 32px 16px 48px; border-radius: 0; box-shadow: none; }
}