:root{--color-bg:#fff;--color-text:#1a1a1a;--color-accent:#0b5fff;--color-muted:#666;--font-body:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-heading:Georgia,"Times New Roman",serif;--space-unit:.5rem}
*{box-sizing:border-box}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);line-height:1.6}
header,main,footer{max-width:42rem;margin:0 auto;padding:calc(var(--space-unit)*2) calc(var(--space-unit)*3)}
header a{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-text);text-decoration:none}
h1,h2,h3{font-family:var(--font-heading);line-height:1.2}
a{color:var(--color-accent)}
pre{overflow-x:auto}
footer{color:var(--color-muted);font-size:.875rem}