:root { color-scheme: dark; }
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #0a0515;
  color: #d8d4e4;
  min-height: 100vh;
}
nav {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem 1.5rem 1rem;
}
nav a {
  color: #b794f4;
  text-decoration: none;
  font-size: 0.9rem;
}
nav a:hover { color: #d6bcfa; }
article {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem 1.5rem 6rem;
}
h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #b794f4, #ed64a6);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
h2 {
  font-size: 1.25rem;
  margin: 2.5rem 0 0.75rem;
  color: #e8e6f0;
}
.updated {
  font-size: 0.85rem;
  opacity: 0.6;
  margin-bottom: 1.5rem;
}
p { margin-bottom: 1rem; }
ul, ol { margin: 0 0 1rem 1.5rem; }
li { margin-bottom: 0.3rem; }
a { color: #b794f4; }
strong { color: #f0eaff; }