* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  line-height: 1.6;
  color: #1a1f2e;
  background: #f8f7fc;
}
header, main, footer {
  max-width: 48rem;
  margin: 0 auto;
  padding: 1.5rem;
}
header { border-bottom: 1px solid #e2e4ec; }
footer { border-top: 1px solid #e2e4ec; margin-top: 2rem; font-size: 0.875rem; color: #5c6478; }
h1 { font-size: 2rem; margin: 0 0 0.5rem; }
h2 { font-size: 1.25rem; margin: 2rem 0 0.75rem; }
p, li { color: #3d4558; }
a { color: #6d28d9; }
nav a { margin-right: 1rem; font-size: 0.875rem; }
.meta { font-size: 0.875rem; color: #5c6478; margin-bottom: 1.5rem; }
ul, ol { padding-left: 1.25rem; }