/* The privacy policy, terms and account-deletion pages (owner, 2026-10-07):
   long reading in the game's look. Positioned and lifted like the join page:
   styles.css paints its background on fixed layers at z-index 0. */

/* These pages are read top to bottom (owner, 2026-10-10: they could not be
   scrolled). styles.css locks html and body for the game, whose shell never
   scrolls; only these pages load this file, so the lock comes off here. */
html,
body {
  height: auto;
  min-height: 100%;
  overflow: auto;
  overscroll-behavior: auto;
}

.legal {
  position: relative;
  z-index: 1;
  max-width: 720px;
  margin: 0 auto;
  padding: var(--s5) var(--s3) var(--s6, 48px);
  box-sizing: border-box;
  color: var(--ink);
  line-height: 1.6;
  font-size: var(--t-md, 1rem);
}

.legal h1 {
  font-family: var(--display);
  font-size: 1.5rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent);
  margin: 0 0 var(--s1);
}

.legal h2 {
  font-family: var(--display);
  font-size: 0.95rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin: var(--s5) 0 var(--s2);
}

.legal .updated {
  color: var(--ink-dim);
  font-size: var(--t-sm);
  margin: 0 0 var(--s4);
}

.legal p,
.legal li {
  color: var(--prose-ink, var(--ink));
}

.legal ul,
.legal ol {
  padding-left: 1.3em;
}

.legal li + li {
  margin-top: var(--s1);
}

.legal a {
  color: var(--accent);
}

.legal nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3);
  margin-top: var(--s5);
  padding-top: var(--s3);
  border-top: 1px solid var(--edge);
  font-size: var(--t-sm);
}