:root {
    --ink: #1a1a1a;
    --muted: #555;
    --rule: #e2e2e2;
    --accent: #0a6;
}
* { box-sizing: border-box; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    color: var(--ink);
    line-height: 1.6;
    max-width: 760px;
    margin: 0 auto;
    padding: 48px 24px 80px;
}
header { border-bottom: 1px solid var(--rule); padding-bottom: 16px; margin-bottom: 32px; }
h1 { font-size: 1.7rem; margin: 0 0 4px; }
h2 { font-size: 1.15rem; margin: 32px 0 8px; }
.muted { color: var(--muted); font-size: 0.9rem; }
a { color: var(--accent); }
nav a { margin-right: 16px; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--rule); color: var(--muted); font-size: 0.85rem; }
ul { padding-left: 20px; }