:root{--ink:#21183d;--muted:#655b7d;--line:#e8e3f1;--brand:#5d33fb;--paper:#fff;--wash:#f7f5fb;--accent:#c84a05}
*{box-sizing:border-box}
body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.65 Inter,system-ui,sans-serif}
header{background:#fff;border-bottom:1px solid var(--line)}
.nav{width:min(900px,calc(100% - 40px));height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{color:var(--ink);font-size:19px;font-weight:600;text-decoration:none}
.back{color:var(--brand);font-size:14px;font-weight:600;text-decoration:none}
main{width:min(760px,calc(100% - 40px));margin:0 auto;padding:56px 0 80px}
h1{font-size:42px;line-height:1.12;margin:0 0 10px;letter-spacing:0}
.updated{color:var(--muted);font:13px/1.5 "JetBrains Mono",monospace;margin-bottom:42px}
h2{font-size:21px;line-height:1.3;margin:38px 0 10px;letter-spacing:0}
h3{font-size:16px;line-height:1.4;margin:24px 0 6px}
p,li{color:var(--muted)}
ul{padding-left:22px}
li+li{margin-top:6px}
a{color:var(--brand)}
.plain{color:var(--ink);font-weight:500}
.important{border-left:3px solid var(--accent);padding:2px 0 2px 18px;margin:28px 0}
.contact{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:28px 0}
footer{border-top:1px solid var(--line);padding-top:24px;margin-top:52px;color:var(--muted);font-size:13px}
@media(max-width:600px){main{padding-top:38px}h1{font-size:34px}.nav{width:calc(100% - 28px)}main{width:calc(100% - 28px)}}