:root {
  --bg-0: #150c26;
  --bg-1: #1c1233;
  --glow: rgba(217, 164, 99, 0.10);
  --gold: #d9a463;
  --gold-soft: rgba(217, 164, 99, 0.75);
  --cream: #f3ead9;
  --cream-dim: rgba(243, 234, 217, 0.68);
  --rule: rgba(217, 164, 99, 0.22);
  --max-w: 720px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg-0);
}

body {
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--cream);
  background:
    radial-gradient(720px 420px at 8% -6%, var(--glow), transparent 60%),
    radial-gradient(620px 520px at 108% 12%, rgba(217,164,99,0.06), transparent 55%),
    var(--bg-0);
  min-height: 100vh;
  line-height: 1.65;
}

.wrap {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 56px 24px 96px;
}

nav.top {
  display: flex;
  gap: 24px;
  margin-bottom: 48px;
}

nav.top a {
  color: var(--gold);
  text-decoration: underline;
  text-underline-offset: 4px;
  font-size: 15px;
  font-weight: 500;
}

nav.top a.current {
  color: var(--cream);
  text-decoration: none;
}

h1.page-title {
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 500;
  font-size: 42px;
  color: var(--cream);
  margin: 0 0 10px;
  letter-spacing: 0.2px;
}

.updated {
  color: var(--gold-soft);
  font-size: 14px;
  margin: 0 0 40px;
}

.intro {
  color: var(--cream);
  font-size: 16.5px;
  margin: 0 0 40px;
  max-width: 62ch;
}

section.legal {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--rule);
}

section.legal:last-of-type {
  border-bottom: none;
}

section.legal h2 {
  font-family: 'Work Sans', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 12px;
}

section.legal p {
  color: var(--cream-dim);
  font-size: 16px;
  margin: 0 0 12px;
  max-width: 64ch;
}

section.legal p:last-child { margin-bottom: 0; }

section.legal ul {
  margin: 0 0 12px;
  padding-left: 20px;
  color: var(--cream-dim);
  font-size: 16px;
  max-width: 64ch;
}

section.legal li { margin-bottom: 6px; }

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

.email-link {
  color: var(--gold);
  font-weight: 500;
  text-decoration: none;
  border-bottom: 1px solid var(--gold-soft);
}

footer.site {
  margin-top: 56px;
  color: rgba(243, 234, 217, 0.4);
  font-size: 13px;
}