:root { --bg:#fbfbfa; --fg:#1d2321; --mute:#5b6663; --line:#dfe4e2; --accent:#0f5c57; }
@media (prefers-color-scheme: dark) { :root { --bg:#161b1a; --fg:#e7ecea; --mute:#9aa6a3; --line:#2b3331; --accent:#6cc5bd; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:17px/1.65 Georgia, "Times New Roman", serif; }
main { max-width:40rem; margin:0 auto; padding:3rem 1.25rem 4rem; }
h1 { font:600 2rem/1.2 system-ui, "Segoe UI", sans-serif; margin:0 0 .5rem; }
h2 { font:600 1.1rem/1.3 system-ui, "Segoe UI", sans-serif; margin:2.2rem 0 .4rem; }
p, li { margin:.5rem 0; } ul { padding-left:1.2rem; }
a { color:var(--accent); } a:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.lede { color:var(--mute); font-size:1.1rem; }
.meta { color:var(--mute); font-size:.9rem; }
footer { margin-top:3rem; padding-top:1rem; border-top:1px solid var(--line); color:var(--mute); font-size:.85rem; }
nav a { margin-right:1rem; font:500 .95rem system-ui, "Segoe UI", sans-serif; }