:root{--bg:#0a0706;--text:#eef0f6;--muted:#8a90a3;--line:rgba(255,255,255,.08)}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font:16px/1.7 Inter,system-ui,sans-serif}
header,footer{max-width:820px;margin:0 auto;padding:20px 16px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}
footer{border-top:1px solid var(--line);margin-top:40px;justify-content:center;gap:8px}
a{color:#ff7a1a}header a,footer a{color:inherit;text-decoration:none}
.brand{display:flex;gap:10px;align-items:center;color:var(--text)!important;font:600 17px Sora,sans-serif}
.studs{width:26px;height:26px;border-radius:7px;background:url(/favicon.svg?v=2) center/120%}
.studs i{display:none}
main{max-width:820px;margin:0 auto;padding:20px 16px}
h1{font:600 40px/1.1 Sora,sans-serif;letter-spacing:-.03em;margin:20px 0 6px}
h2{font:600 22px Sora,sans-serif;margin:34px 0 10px}h3{font-size:16px;margin:18px 0 6px}
p,li{color:#c9ccd8;margin-bottom:10px}ul,ol{padding-left:22px}
.updated,.small{color:var(--muted);font-size:14px}
code{background:rgba(255,255,255,.07);padding:1px 6px;border-radius:5px}