*, *::before, *::after { box-sizing: border-box; }

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: #0d0d0d;
  color: #e8e8e8;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.7;
  margin: 0;
}

a { color: inherit; text-decoration: none; }
a:hover { color: #a8a8a8; }

hr {
  border: none;
  border-top: 1px solid #2a2a2a;
  margin: 1.5rem 0;
}

/* ── Nav ─────────────────────────────────────────────────── */
.site-nav {
  padding: 1.25rem 2rem;
  border-bottom: 1px solid #1e1e1e;
}

.site-nav a {
  font-size: 0.85rem;
  color: #666;
  font-family: ui-monospace, monospace;
  letter-spacing: 0.02em;
  transition: color 0.15s;
}

.site-nav a:hover { color: #aaa; }