:root{--ink:#1b2a1f;--cream:#fff6e9;--sage:#3f6b4f;--line:#d7e0d2;--muted:#5a6b5e}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:18px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--cream)}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:12px;background:#fff;padding:8px 12px;z-index:5}
.wrap{max-width:760px;margin:0 auto;padding:0 20px}
.top{background:#1b2a1f;color:var(--cream);padding:18px 0}
.top a{color:var(--cream);margin-right:14px;font-size:15px}
.brand{margin:0 0 10px;font-weight:700;letter-spacing:.02em}
h1{font-size:2rem;line-height:1.2;margin:28px 0 12px}
h2{font-size:1.35rem;margin:28px 0 10px}
.lead{font-size:1.05rem}
.app-link{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
section{padding-bottom:8px;border-bottom:1px solid var(--line)}
code{font-size:.9em;background:#fff;padding:1px 6px;border-radius:6px}
a{color:var(--sage)}
.foot{padding:28px 20px 40px;color:var(--muted);font-size:15px}
.foot a{color:var(--sage)}
@media(max-width:640px){.top nav{display:flex;flex-wrap:wrap;gap:8px 12px}.top a{margin:0}}