:root{--fg:#1d2021;--muted:#6b6f72;--accent:#2a7ae2;--bg:#fbfaf7}
@media (prefers-color-scheme:dark){:root{--fg:#e6e3dc;--muted:#9a9790;--accent:#6aa8ff;--bg:#16181a}}
*{box-sizing:border-box}body{margin:0 auto;max-width:44rem;padding:2rem 1.25rem;font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--fg);background:var(--bg)}
header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2.5rem}
.brand{font-weight:700;font-size:1.3rem;color:var(--fg);text-decoration:none}.brand span{color:var(--accent)}
nav a{margin-left:1rem;color:var(--muted);text-decoration:none}nav a:hover{color:var(--accent)}
.intro{color:var(--muted)}.item{margin:2rem 0}.item h2{margin:.2rem 0;font-size:1.2rem}
a{color:var(--accent)}time{color:var(--muted);font-size:.9rem}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:rgba(127,127,127,.12);border-radius:4px}
code{padding:.1em .3em}pre{padding:1rem;overflow:auto}
footer{margin-top:4rem;color:var(--muted);font-size:.85rem}