:root { --navy:#1e3a8a; --blue:#2563eb; --ink:#1c2333; --muted:#6b7280; --bg:#f4f6fb; --line:#e5e9f2; }
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--ink)}
header{background:var(--navy);color:#fff;padding:18px 24px}header a{color:#fff;text-decoration:none}header h1{margin:0;font-size:20px}header p{margin:4px 0 0;opacity:.85;font-size:14px}
main{max-width:760px;margin:0 auto;padding:28px 20px 48px;background:#fff;box-shadow:0 1px 4px #0001}
h1{font-size:28px;line-height:1.25;margin:0 0 8px}h2{font-size:20px;margin:28px 0 8px}
.lede{font-size:18px;color:#334155;margin:0 0 20px}
p,li{margin:0 0 12px}ol,ul{padding-left:1.3em}li{margin:0 0 8px}
pre{background:#f1f5ff;border-left:3px solid var(--blue);padding:14px 16px;white-space:pre-wrap;font:13px/1.5 ui-monospace,Menlo,monospace;overflow:auto}
.cta{background:#f1f5ff;border:1px solid #dbe4ff;border-radius:12px;padding:16px 18px;margin:28px 0}
.cta a.btn{display:inline-block;background:var(--blue);color:#fff;text-decoration:none;font-weight:600;border-radius:8px;padding:10px 14px;margin:6px 8px 0 0}
.cta a.sec{background:#e5e9f2;color:var(--ink)}
footer{max-width:760px;margin:0 auto;padding:8px 20px 40px;color:var(--muted);font-size:13px}
footer nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px}
footer a{color:var(--blue)}
.muted{color:var(--muted);font-size:13px}