:root {
  --color-void: #000000;
  --color-bone-white: #ffffff;
  --color-ash-gray: #9a9a9a;
  --color-silver-mist: #bdbdbd;
  --color-electric-iris: #8052ff;
  --color-saffron-spark: #ffb829;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: var(--color-void);
  color: var(--color-silver-mist);
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 200;
  -webkit-font-smoothing: antialiased;
  line-height: 1.6;
}
.page { max-width: 720px; margin: 0 auto; padding: 48px 24px 96px; }
.back {
  display: inline-block; margin-bottom: 60px;
  color: var(--color-ash-gray); font-size: 14px; font-weight: 400;
  text-decoration: none; transition: color 0.2s ease;
}
.back:hover { color: var(--color-bone-white); }
h1 {
  color: var(--color-bone-white);
  font-size: clamp(32px, 5vw, 48px); font-weight: 400;
  letter-spacing: -0.04em; line-height: 1.1; margin-bottom: 12px;
}
.updated {
  font-size: 12px; font-weight: 400; letter-spacing: 0.1em;
  text-transform: uppercase; color: var(--color-ash-gray);
  margin-bottom: 60px;
}
h2 {
  color: var(--color-bone-white);
  font-size: 24px; font-weight: 400; letter-spacing: -0.02em;
  margin: 48px 0 16px;
}
p, li { font-size: 16px; margin-bottom: 14px; }
ul { padding-left: 22px; margin-bottom: 14px; }
a { color: var(--color-saffron-spark); text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: 400; color: var(--color-bone-white); }