:root { color-scheme: light dark; font-family: system-ui, -apple-system, sans-serif; }
body { margin: 0; background: #f7faf8; color: #17201d; line-height: 1.6; }
main { max-width: 760px; margin: 0 auto; padding: 48px 22px 72px; }
h1, h2 { line-height: 1.2; }
h1 { font-size: 2rem; margin-bottom: .25rem; }
h2 { margin-top: 2rem; font-size: 1.25rem; }
h3 { margin-top: 1.25rem; font-size: 1.05rem; }
li { margin: .4rem 0; }
.muted { color: #66716c; }
a { color: #087f69; }
.button { display: inline-block; margin: .5rem 0; padding: .7rem 1rem; border-radius: .65rem; background: #087f69; color: #fff; font-weight: 700; text-decoration: none; }
@media (prefers-color-scheme: dark) {
  body { background: #101412; color: #f1f5f3; }
  .muted { color: #aab5b0; }
  a { color: #58d0ad; }
}