:root{
  --bg:#0A1310;
  --panel:#0E1B16;
  --panel-2:#0B1713;
  --trace:#33e37a;
  --trace-dim:#1f8a63;
  --amber:#FFB020;
  --red:#FF5D5D;
  --ink:#E9F4EE;
  --ink-dim:#8FAFA0;
  --ink-mute:#5C7A6D;
  --line:#1B3226;
  --display: 'Space Grotesk', sans-serif;
  --body: 'IBM Plex Sans', sans-serif;
  --mono: 'JetBrains Mono', monospace;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--body);}
body{-webkit-font-smoothing:antialiased;line-height:1.65;}
a{color:var(--trace);}
a:hover{color:var(--trace-dim);}

header.site-header{
  display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,#0D1A15,#0A1310);position:sticky;top:0;z-index:20;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--trace);box-shadow:0 0 10px var(--trace);}
.brand h1{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:.04em;margin:0;color:var(--ink);}
.brand span{font-family:var(--mono);font-size:10px;color:var(--ink-mute);letter-spacing:.12em;text-transform:uppercase;display:block;}
.site-nav{display:flex;gap:18px;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em;}
.site-nav a{color:var(--ink-dim);text-decoration:none;}
.site-nav a:hover{color:var(--trace);}

main.content{max-width:760px;margin:0 auto;padding:40px 20px 80px;}
main.content h1{font-family:var(--display);font-size:32px;color:var(--ink);margin-bottom:6px;}
main.content h2{font-family:var(--display);font-size:20px;color:var(--ink);margin-top:36px;}
main.content h3{font-family:var(--display);font-size:16px;color:var(--trace);margin-top:24px;}
main.content p{color:var(--ink-dim);font-size:15px;}
main.content ul, main.content ol{color:var(--ink-dim);font-size:15px;padding-left:20px;}
main.content li{margin-bottom:6px;}
main.content .lead{font-size:17px;color:var(--ink);}
main.content .updated{font-family:var(--mono);font-size:11px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.08em;margin-bottom:30px;display:block;}
main.content .panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:24px 0;}
main.content .panel h3{margin-top:0;}
main.content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;}
main.content th, main.content td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);color:var(--ink-dim);}
main.content th{color:var(--ink);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;}
main.content .cta{display:inline-block;margin-top:10px;background:var(--trace);color:#04140d;font-family:var(--mono);font-weight:700;
  font-size:13px;text-transform:uppercase;letter-spacing:.05em;padding:11px 20px;border-radius:8px;text-decoration:none;}
main.content .cta:hover{background:var(--trace-dim);color:#04140d;}

footer.site-footer{padding:20px;border-top:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--ink-mute);text-align:center;}
footer.site-footer a{color:var(--ink-mute);}