:root { color-scheme: light dark; }
body {
  margin: 0;
  font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  color: CanvasText;
  background: Canvas;
}
main { max-width: 640px; margin: 0 auto; padding: 48px 20px 64px; }
h1 { font-size: 2rem; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 1.15rem; margin: 2em 0 0.4em; }
p, li { color: color-mix(in srgb, CanvasText 85%, transparent); }
.lede { font-size: 1.2rem; }
.muted { color: color-mix(in srgb, CanvasText 55%, transparent); font-size: 0.9rem; }
a { color: #a16b39; }
nav { display: flex; gap: 16px; margin-top: 48px; font-size: 0.9rem; }