body { max-width: 76ch; margin: 0 auto; padding: 1.5rem; color: #222; background: #fff; font: 18px/1.65 Georgia, serif; }
header, nav { font: 1rem/1.5 system-ui, sans-serif; }
header { padding-bottom: 1.25rem; border-bottom: 1px solid #ddd; }
aside { margin-top: .5rem; color: #555; font-size: .9rem; }
h1, h2, h3 { line-height: 1.25; }
h1 { margin-top: 2rem; }
h2 { margin-top: 2.5rem; }
a { color: #195a8c; text-underline-offset: .15em; }
h2 a { color: inherit; }
pre, code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .9em; }
code { background: #f5f5f5; padding: .1em .2em; }
pre { overflow-x: auto; padding: 1rem; background: #f5f5f5; line-height: 1.45; }
pre code { font-size: inherit; padding: 0; background: none; }
img { max-width: 100%; height: auto; }
blockquote { margin-left: 0; padding-left: 1.25rem; border-left: 3px solid #ddd; }
nav { display: flex; justify-content: center; gap: 2rem; margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #ddd; }