:root { --bg:#0b0d12; --panel:#141821; --line:#262c38; --text:#eef1f6; --dim:#98a2b4; --accent:#3b82f6; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font:16px/1.7 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--text); }
a { color:var(--accent); }
.wrap { max-width:760px; margin:0 auto; padding:0 22px; }
nav { border-bottom:1px solid var(--line); }
nav .wrap { display:flex; align-items:center; gap:11px; height:62px; }
nav .brand { display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; color:var(--text); text-decoration:none; }
nav .brand img { height:30px; }
nav .back { margin-left:auto; color:var(--dim); font-size:14px; text-decoration:none; }
nav .back:hover { color:var(--text); }
main { padding:48px 0 80px; }
h1 { font-size:32px; letter-spacing:-.02em; margin-bottom:6px; }
.updated { color:var(--dim); font-size:13px; margin-bottom:30px; }
h2 { font-size:20px; margin:30px 0 8px; }
p, li { color:#d7dce6; margin-bottom:12px; }
ul { padding-left:22px; }
.note { color:var(--dim); font-size:14px; }
footer { border-top:1px solid var(--line); padding:26px 0; color:var(--dim); font-size:13px; }
footer .wrap { display:flex; gap:18px; }
footer a { color:var(--dim); text-decoration:none; }
footer a:hover { color:var(--text); }