:root{color-scheme:light dark}
*{box-sizing:border-box}
body{font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  max-width:42rem;margin:0 auto;padding:3rem 1.2rem;color:#1c1c1e}
header{display:flex;align-items:center;gap:1.1rem;margin-bottom:1.6rem}
header h1{font-size:1.8rem;margin:0;line-height:1.1}
.sub{margin:.35rem 0 0;color:#666}
h2{font-size:1.05rem;margin:2rem 0 .5rem;color:#444}
p{margin:.9rem 0}
ul{list-style:none;padding:0}
li{padding:.55rem .9rem;margin:.45rem 0;background:#0a7d3312;border-radius:8px}
code{background:#00000010;padding:.12em .4em;border-radius:4px;font-size:.9em}
a{color:#0a7d33;text-decoration:none;font-weight:600}
a:hover{text-decoration:underline}
footer{margin-top:2.5rem;padding-top:1rem;border-top:1px solid #00000014;
  color:#999;font-size:.88rem}
footer code{font-weight:400;color:inherit}