:root { color-scheme: light dark; }
body { font: 17px/1.55 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; max-width: 42rem;
       margin: 0 auto; padding: 2rem 1.25rem 4rem; color: #1d1d1f; background: #fff; }
@media (prefers-color-scheme: dark) { body { color: #f5f5f7; background: #111; } a { color: #ffb347; } }
h1 { font-size: 2rem; margin-bottom: .25rem; } h2 { margin-top: 2rem; font-size: 1.25rem; }
nav a { margin-right: 1rem; } footer { margin-top: 3rem; font-size: .85rem; opacity: .7; }
code { font-family: ui-monospace, Menlo, monospace; font-size: .9em; }