:root{--bg:#fff;--fg:#141a2e;--dim:#4a5573;--brand:#0b4fb5;--gold:#b98a2a;--line:#e3e8f2;--card:#f6f8fc}
@media(prefers-color-scheme:dark){:root{--bg:#070a18;--fg:#eaf0ff;--dim:#a9b4da;--brand:#7db2ff;--gold:#e6b957;--line:#1c2547;--card:#0d1330}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header{border-bottom:1px solid var(--line)}.wrap{max-width:760px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;gap:20px;padding:14px 0;flex-wrap:wrap}nav a{color:var(--dim);text-decoration:none;font-size:15px}nav a:hover{color:var(--brand)}
.brand{display:flex;align-items:center;gap:10px;color:var(--fg)!important;font-weight:700;font-size:18px;margin-right:auto}.brand img{width:34px;height:34px;border-radius:8px}
main{padding:36px 0 60px}h1{font-size:34px;line-height:1.2;margin:0 0 8px}h2{font-size:22px;margin:34px 0 8px;padding-top:6px;border-top:1px solid var(--line)}
p,li{color:var(--fg)}li{margin:6px 0}a{color:var(--brand)}code{background:var(--card);padding:1px 6px;border-radius:6px;font-size:.92em}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:22px 0}.lead{font-size:20px;color:var(--dim)}
footer{border-top:1px solid var(--line);color:var(--dim);font-size:14px;padding:22px 0 40px}