:root{--fg:#111;--muted:#555;--bg:#fff;--brand:#1f6feb;--accent:#32a852;}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif;margin:0;background:var(--bg);color:var(--fg);}
.header{max-width:920px;margin:0 auto;padding:28px 16px 8px;display:flex;gap:16px;align-items:center}
.header img{height:52px;width:auto}
nav a{margin-right:12px;color:var(--brand);text-decoration:none;font-weight:600}
.container{max-width:920px;margin:0 auto;padding:24px 16px}
.card{border:1px solid #e6e6e6;border-radius:14px;padding:18px;margin:12px 0;background:#fafafa}
h1{font-size:28px;margin:0 0 8px}
h2{font-size:22px;margin:18px 0 8px}
h3{font-size:18px;margin:14px 0 6px}
small, .muted{color:var(--muted)}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none}
.btn.secondary{background:var(--accent)}
footer{border-top:1px solid #eee;margin-top:24px}
footer .container{font-size:14px;color:var(--muted)}
ul{padding-left:22px}
pre{background:#f6f8fa;padding:12px;border-radius:10px;overflow:auto}
hr{border:none;border-top:1px solid #eee;margin:16px 0}