:root { color-scheme: light; --bg: #f8eed6; --ink: #123c3f; --dim: #4c6a6b; --moss: #4f7f3a; --line: #dcc998; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 18px/1.6 Georgia, "Iowan Old Style", "Times New Roman", serif; }
main { max-width: 600px; margin: 0 auto; padding: 48px 22px 72px; }
header { text-align: center; margin-bottom: 32px; }
header img { width: 96px; height: 96px; border-radius: 50%; display: block; margin: 0 auto 14px; }
h1 { font-size: 32px; font-weight: 600; margin: 0; }
h2 { font-size: 21px; font-weight: 600; margin: 34px 0 6px; color: var(--moss); }
a { color: var(--moss); }
.lede { font-size: 21px; text-align: center; }
.small { color: var(--dim); font-size: 15px; }
nav { margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--line); text-align: center; }
nav a { margin: 0 10px; }
pre { white-space: pre-wrap; font: 12px/1.5 ui-monospace, Menlo, monospace; color: var(--dim); }