* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font: 16px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #222; background: #fafafa; }
header { display: flex; align-items: center; gap: 2em; padding: 1.2em 2em; border-bottom: 1px solid #e3e3e3; background: #fff; }
header .brand { font-weight: 600; font-size: 1.1em; text-decoration: none; color: #222; }
header nav { display: flex; gap: 1.4em; }
header nav a { color: #555; text-decoration: none; }
header nav a:hover { color: #000; }
main { max-width: 720px; margin: 2.5em auto; padding: 0 1.5em; }
h1 { font-size: 1.7em; line-height: 1.2; margin: 0 0 0.6em; }
h2 { font-size: 1.25em; margin-top: 1.6em; }
p, ul { color: #333; }
ul { padding-left: 1.2em; }
a { color: #1a5fb4; }
a:hover { color: #0d3a82; }
code { background: #efefef; padding: 0.1em 0.4em; border-radius: 3px; font-size: 0.95em; }
footer { max-width: 720px; margin: 3em auto 2em; padding: 0 1.5em; color: #888; font-size: 0.9em; }