:root {
  --ground: #121311; --ground2: #1a1c19; --ink: #ecede7; --ink2: #a3a69c; --verdigris: #8db3a2; --edge: #262924;
  color-scheme: dark light;
}
@media (prefers-color-scheme: light) {
  :root { --ground: #eef0ec; --ground2: #e3e6e1; --ink: #171916; --ink2: #555a52; --verdigris: #3f6f5f; --edge: #d3d7d0; }
}
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--ground); color: var(--ink); overflow-x: clip; }
body { font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; }
main { max-width: 640px; margin: 0 auto; padding: 72px 24px 96px; }
h1, h2 { font-family: Optima, Candara, "Noto Sans", sans-serif; font-weight: 400; font-style: normal; }
h1 { font-size: 44px; line-height: 1.1; margin: 0 0 12px; letter-spacing: -0.4px; }
h2 { font-size: 24px; margin: 40px 0 8px; }
p, li { color: var(--ink2); }
a { color: var(--verdigris); }
.lede { font-size: 20px; color: var(--ink); }
footer { margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--edge); font-size: 14px; color: var(--ink2); }