:root{color-scheme:dark}
body{margin:0;background:#0A0D0C;color:#C9D1CE;font-family:"Schibsted Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.7;font-size:16px}
a{color:#B89CF7}
.wrap{max-width:760px;margin:0 auto;padding:32px 20px 80px}
nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 28px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:36px}
nav a.brand{display:flex;align-items:center;gap:10px;color:#F1F4F2;font-weight:600;text-decoration:none;font-family:"Bricolage Grotesque",sans-serif}
nav a.brand img{width:28px;height:28px}
nav a.home{color:#9CA6A3;font-size:14px;text-decoration:none}
h1{font-family:"Bricolage Grotesque",sans-serif;color:#F1F4F2;font-size:34px;letter-spacing:-.02em;margin:0 0 6px}
.meta{font-family:"Geist Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#8C9693;margin-bottom:34px}
h2{font-family:"Bricolage Grotesque",sans-serif;color:#F1F4F2;font-size:20px;margin:36px 0 10px;letter-spacing:-.01em}
p{margin:0 0 14px}
ul{padding-left:22px;margin:0 0 14px}
li{margin-bottom:6px}
.box{background:rgba(184,156,247,.08);border:1px solid rgba(184,156,247,.25);border-radius:12px;padding:16px 18px;margin:18px 0}
footer{margin-top:60px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#6E7876}
footer a{color:#6E7876}