:root { color-scheme: dark; }
body { margin: 0; background: #0b3d2e; color: #f4efe2; font: 17px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 44rem; margin: 0 auto; padding: 2rem 1.25rem 4rem; }
h1 { font-family: Georgia, "Times New Roman", serif; color: #e0be4d; font-size: 2rem; margin: 0 0 .25rem; }
h2 { font-family: Georgia, "Times New Roman", serif; color: #e0be4d; font-size: 1.25rem; margin: 2rem 0 .5rem; }
p, li { color: #e8f2ec; }
li { margin: .25rem 0; }
.muted { color: #a9c9ba; font-size: .95rem; }
.box { background: #0e4a38; border-radius: .6rem; padding: .9rem 1.1rem; margin: 1.25rem 0; }
.box p { margin: .25rem 0; }
nav { margin: 0 0 1.5rem; font-size: .95rem; }
nav a { margin-right: 1rem; }
a { color: #f0cf6a; }
code { background: #0e4a38; padding: .1rem .35rem; border-radius: .3rem; }
footer { margin-top: 3rem; color: #a9c9ba; font-size: .9rem; }