:root{
  --ground:#FBFCFA; --surface:#FFFFFF;
  --ink:#1A1F1C; --muted:#66716B; --faint:#8C968F;
  --rule:#E2E7DF; --accent:#2E6A55;
}
@media (prefers-color-scheme: dark){
  :root{
    --ground:#14180F; --surface:#1B201C;
    --ink:#E9EEE8; --muted:#98A39B; --faint:#6E7972;
    --rule:#2C332D; --accent:#63B294;
  }
}
*{box-sizing:border-box}
body{
  font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  max-width:38rem; margin:0 auto; padding:4rem 1.25rem 5rem;
  color:var(--ink); background:var(--ground);
}
h1{font-size:1.5rem; line-height:1.25; margin:0 0 1rem; text-wrap:balance}
h2{font-size:1.05rem; margin:2rem 0 .4rem}
p{margin:.85rem 0}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent); outline-offset:2px}
.sub{color:var(--muted); margin-top:-.5rem}
nav{margin-top:2rem; font-size:.95rem}
footer{
  margin-top:3rem; padding-top:1rem; border-top:1px solid var(--rule);
  color:var(--faint); font-size:.9rem;
}