/* Privacy and Terms pages: same palette and pixel look as index.html; Oxanium for headings, system font for long text. */
:root {
  --ink: #211d25;
  --ink-2: #2b2630;
  --ink-3: #3a3340;
  --cream: #fcfbc9;
  --amber: #edb762;
  --bone: #dedcd1;
  --muted: #a89f9a;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--ink);
  color: var(--bone);
  font: 400 17px/1.65 system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--amber); text-underline-offset: 3px; }
a:hover { color: var(--cream); }
img { max-width: 100%; height: auto; display: block; }
.pixel { image-rendering: pixelated; image-rendering: crisp-edges; }
.wrap { width: min(760px, 100% - 32px); margin-inline: auto; }

.top { padding: 32px 0 8px; }
.doc { padding: 24px 0 64px; }
h1, h2 { font-family: "Oxanium", system-ui, sans-serif; }
h1 { margin: 0 0 6px; color: var(--cream); font-size: clamp(32px, 6vw, 44px); line-height: 1.1; }
.date { margin: 0 0 32px; color: var(--muted); font-size: 15px; }
h2 {
  margin: 40px 0 12px; padding-top: 24px; border-top: 4px solid var(--ink-2);
  color: var(--amber); font-size: 21px; line-height: 1.25;
}
p, ul { margin: 0 0 1em; }
li { margin-bottom: .4em; }
strong { color: var(--cream); font-weight: 600; }

.foot {
  display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center;
  padding: 24px 0 40px; border-top: 4px solid var(--ink-2);
  font-size: 15px; color: var(--muted);
}
.foot span { margin-left: auto; }