:root { color-scheme: light; }
body { margin: 0; padding: 2rem 1rem 4rem; font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; color: #1a1a1a; background: #fafafa; }
main { max-width: 42rem; margin: 0 auto; }
h1 { font-size: 1.5rem; margin: 0 0 1rem; }
h2 { font-size: 1.1rem; margin: 2rem 0 .5rem; }
p { margin: 0 0 1rem; }
nav { margin-bottom: 2.5rem; font-size: .9rem; }
nav a { margin-right: 1.25rem; color: #444; }
a { color: #1d4ed8; }
footer { margin-top: 3rem; font-size: .85rem; color: #666; }
dl { display: grid; grid-template-columns: max-content 1fr; gap: .25rem 1.5rem; }
dt { color: #555; }
dd { margin: 0; }
@media (max-width: 480px) { dl { grid-template-columns: 1fr; } dt { margin-top: .5rem; } }