:root {
    --link: #2a4dc7;
    --bg: #ffffff;
    --text: #15181f;
    --text-dim: #5a6274;
}

@media (prefers-color-scheme: dark) {
    :root {
        --link: #7ba9fb;
        --bg: #12141a;
        --text: #eef1f7;
        --text-dim: #9aa3b5;
    }
}

* { box-sizing: border-box; }

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.wrap { max-width: 640px; margin: 0 auto; padding: 72px 24px; }

h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 8px; }

.lede { color: var(--text-dim); margin: 0; }

a { color: var(--link); }