:root { --fg:#1f2933; --muted:#616e7c; --accent:#2b6cb0; --bg:#fafbfc; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; color:var(--fg); background:var(--bg); }
header, main, footer { max-width: 860px; margin: 0 auto; padding: 0 20px; }
header { display:flex; justify-content:space-between; align-items:center; padding-top:24px; padding-bottom:24px; border-bottom:1px solid #e4e7eb; }
header .brand { font-weight:700; font-size:1.2rem; color:var(--fg); text-decoration:none; }
nav a { margin-left:20px; color:var(--muted); text-decoration:none; }
nav a:hover { color:var(--accent); }
main { padding-top:40px; padding-bottom:40px; }
h1 { font-size:2rem; margin:0 0 12px; }
h2 { margin-top:32px; }
p, li { color:#323f4b; }
.card { border:1px solid #e4e7eb; border-radius:8px; padding:16px 20px; margin:16px 0; background:#fff; }
footer { padding-top:20px; padding-bottom:40px; color:var(--muted); font-size:.9rem; border-top:1px solid #e4e7eb; }