:root { --fg:#1f2328; --muted:#59636e; --accent:#0b57d0; --bg:#fff; --soft:#f6f8fa; }
* { 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:20px; }
header a { color:var(--fg); text-decoration:none; font-weight:700; }
nav a { margin-left:16px; font-weight:400; color:var(--muted); }
h1 { font-size:2.1rem; line-height:1.2; margin:48px 0 12px; }
h2 { margin-top:40px; } .lead { font-size:1.15rem; color:var(--muted); }
.cta { display:inline-block; background:var(--accent); color:#fff; padding:10px 18px; border-radius:6px; text-decoration:none; margin:12px 12px 0 0; }
.cta.secondary { background:var(--soft); color:var(--fg); border:1px solid #d0d7de; }
table { border-collapse:collapse; width:100%; margin:12px 0; } th, td { text-align:left; padding:8px; border-bottom:1px solid #d0d7de; vertical-align:top; }
code { background:var(--soft); padding:1px 5px; border-radius:4px; font-size:.9em; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px; }
.card { background:var(--soft); border-radius:8px; padding:16px; }
.note { color:var(--muted); font-size:.9rem; }
footer { border-top:1px solid #d0d7de; margin-top:56px; padding:20px; color:var(--muted); font-size:.9rem; }