:root {
    --bg: #fbf9f6;
    --ink: #1f1a17;
    --ink2: #5a534d;
    --ink3: #8a837c;
    --accent: #a35a1c;
}
@media (prefers-color-scheme: dark) {
    :root {
        --bg: #1a1714;
        --ink: #f1ede9;
        --ink2: #c4bdb6;
        --ink3: #928b84;
        --accent: #f0b27a;
    }
}
body {
    font-family: ui-rounded, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--bg);
    color: var(--ink);
    max-width: 680px;
    margin: 0 auto;
    padding: 40px 24px;
    line-height: 1.7;
}
h1 { font-size: 28px; margin-bottom: 4px; }
h2 { font-size: 18px; margin-top: 36px; }
p, li { font-size: 16px; color: var(--ink2); }
.updated { color: var(--ink3); font-size: 14px; margin-bottom: 40px; }
.footer { margin-top: 48px; font-size: 14px; }
a { color: var(--accent); }
