:root { --fg:#1c1c1e; --bg:#fafafa; --mut:#6b6b70; --line:#e3e3e6; }
@media (prefers-color-scheme:dark){ :root{ --fg:#e8e8ea; --bg:#121214; --mut:#9a9aa0; --line:#2a2a2e; } }
*{box-sizing:border-box} body{margin:0;padding:2rem 1rem;background:var(--bg);color:var(--fg);
font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;max-width:52rem;margin-inline:auto}
header{border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:2rem}
h1{font-size:1.5rem;margin:0 0 .25rem} header p{color:var(--mut);margin:0;font-size:.9rem}
h2{font-size:1.05rem;margin:2rem 0 .5rem} code{background:var(--line);padding:.1rem .35rem;border-radius:4px;font-size:.85em}
ul{padding-left:1.2rem} footer{margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--mut);font-size:.85rem}