body { font: 16px/1.7 system-ui, sans-serif; margin: 0 auto; max-width: 42rem; padding: 0 1rem 3rem; color: #222 }
nav { display: flex; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid #ddd; margin-bottom: 2rem }
nav a { color: #36c; text-decoration: none } nav a:hover { text-decoration: underline }
footer { border-top: 1px solid #ddd; margin-top: 3rem; padding-top: 1rem; color: #888; font-size: .9rem }
h1 { margin-bottom: 0 } .lede { color: #666; margin-top: .3rem }
.index { list-style: none; padding: 0 } .index li { margin: .8rem 0 }
.index time { color: #888; font-variant-numeric: tabular-nums; margin-right: .5rem }
blockquote { border-left: 3px solid #ddd; margin: 1rem 0; padding-left: 1rem; color: #555 }
code { background: #f2f2f2; padding: 0 .25em; border-radius: 3px }
.box { border: 1px solid #ddd; border-radius: .5rem; padding: 1rem; margin: 1.5rem 0 }
button { font: inherit; padding: .3rem .9rem }