* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: #0a0a0a;
  color: #c8c8c8;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-size: 0.9rem;
  line-height: 1.75;
}

nav {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 20px; border-bottom: 1px solid #1a1a1a;
  font-size: 0.8rem;
}
nav a { color: #555; text-decoration: none; transition: color .15s; }
nav a:hover { color: #ccc; }
nav .sep { color: #2a2a2a; }
nav .current { color: #888; }

main {
  max-width: 680px;
  margin: 0 auto;
  padding: 48px 24px 80px;
}

.page-eyebrow {
  font-size: 0.65rem; text-transform: uppercase; letter-spacing: .14em;
  color: #4ade80; margin-bottom: 8px;
}

h1 {
  font-size: 1.6rem; font-weight: 300; color: #f0f0f0;
  margin-bottom: 6px;
}

.updated {
  font-size: 0.72rem; color: #444; margin-bottom: 40px;
}

h2 {
  font-size: 0.95rem; font-weight: 600; color: #e0e0e0;
  margin: 32px 0 10px;
  padding-bottom: 6px; border-bottom: 1px solid #1a1a1a;
}

p { margin-bottom: 12px; color: #999; }

ul {
  margin: 0 0 12px 20px; color: #999;
}
ul li { margin-bottom: 4px; }

a { color: #4ade80; text-decoration: none; }
a:hover { text-decoration: underline; }

.footer-links {
  margin-top: 48px; padding-top: 20px;
  border-top: 1px solid #1a1a1a;
  display: flex; gap: 20px; flex-wrap: wrap;
  font-size: 0.78rem;
}
.footer-links a { color: #555; }
.footer-links a:hover { color: #ccc; }