*,*::before,*::after{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;max-width:720px;margin:2rem auto;padding:0 1rem;line-height:1.6;color:#222;background:#fafafa}
header{border-bottom:1px solid #ddd;margin-bottom:2rem;padding-bottom:1rem}
header h1{margin:0 0 .25rem;font-size:1.5rem}
header nav a{margin-right:1rem;color:#06c;text-decoration:none}
header nav a:hover{text-decoration:underline}
article{margin-bottom:2rem}
article h2 a{color:#222;text-decoration:none}
article h2 a:hover{color:#06c}
.meta{font-size:.85rem;color:#777;margin-bottom:.5rem}
pre{background:#f0f0f0;padding:.75rem;border-radius:4px;overflow-x:auto;font-size:.9rem}
code{font-family:Menlo,Consolas,monospace}
footer{border-top:1px solid #ddd;margin-top:3rem;padding-top:1rem;font-size:.85rem;color:#777;text-align:center}