:root { --fg:#1c1d1d; --muted:#67655e; --bg:#f5f4f0; --card:#ffffff; --accent:#2f5b66; --line:#dad7cf; --btn:#202426; --on-btn:#f7f6f2; }
@media (prefers-color-scheme: dark) { :root { --fg:#ebebe8; --muted:#a2a29b; --bg:#131415; --card:#1b1d1f; --accent:#86b4bf; --line:#33373b; --btn:#e8e7e2; --on-btn:#17181a; } }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; color:var(--fg); background:var(--bg); }
main { max-width:46rem; margin:0 auto; padding:2rem 1rem 4rem; }
h1, h2, h3 { font-family:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif; font-weight:600; }
h1 { font-size:2rem; margin:0 0 .25rem; } h2 { font-size:1.3rem; margin:2rem 0 .5rem; } h3 { font-size:1.05rem; margin:1.25rem 0 .25rem; }
p, li { margin:.5rem 0; } a { color:var(--accent); }
.lead { font-size:1.15rem; color:var(--muted); }
.logo { display:block; width:140px; max-width:50%; margin:1.5rem 0 .5rem; }
@media (prefers-color-scheme: dark) { .logo { filter: invert(1); } }
.card { background:var(--card); border:1px solid var(--line); border-radius:10px; padding:1rem 1.25rem; margin:1rem 0; }
.btn { display:inline-block; background:var(--btn); color:var(--on-btn); padding:.6rem 1rem; border-radius:8px; text-decoration:none; font-weight:600; margin:.25rem .5rem .25rem 0; }
nav a { margin-right:1rem; } footer { margin-top:3rem; color:var(--muted); font-size:.9rem; }
code { background:var(--card); padding:.1rem .3rem; border-radius:4px; border:1px solid var(--line); }