:root{
  --bg:#07090c; --panel:#0e1319; --line:#1e2833; --ink:#e8eef5; --mut:#93a3b5;
  --accent:#19e0a0; --accent-soft:rgba(25,224,160,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Inter","Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7; font-size:16px; -webkit-font-smoothing:antialiased;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
header.top{
  border-bottom:1px solid var(--line); padding:20px 24px;
  display:flex; align-items:center; gap:14px; position:sticky; top:0;
  background:rgba(7,9,12,.86); backdrop-filter:blur(10px); z-index:9;
}
header.top img{height:26px;width:auto}
header.top .brand{font-weight:600;letter-spacing:.02em}
header.top nav{margin-left:auto;display:flex;gap:18px;font-size:14px}
header.top nav a{color:var(--mut)}
main{max-width:860px; margin:0 auto; padding:56px 24px 96px}
.eyebrow{
  display:inline-block; font-size:12px; letter-spacing:.16em; text-transform:uppercase;
  color:var(--accent); background:var(--accent-soft); border:1px solid rgba(25,224,160,.25);
  padding:5px 12px; border-radius:100px; margin-bottom:18px;
}
h1{font-size:clamp(30px,5vw,44px); line-height:1.15; margin:0 0 12px; letter-spacing:-.02em}
.sub{color:var(--mut); margin:0 0 8px}
.meta{color:var(--mut); font-size:14px; margin:0 0 40px}
h2{font-size:20px; margin:44px 0 12px; letter-spacing:-.01em}
h3{font-size:16px; margin:26px 0 8px; color:var(--ink)}
p,li{color:#cdd8e4}
ul{padding-left:20px}
li{margin:6px 0}
.card{
  background:var(--panel); border:1px solid var(--line); border-radius:14px;
  padding:22px 24px; margin:28px 0;
}
.card h2{margin-top:0}
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:14px; display:block; overflow-x:auto}
th,td{border:1px solid var(--line); padding:10px 12px; text-align:left; vertical-align:top}
th{background:#121a22; color:var(--ink); font-weight:600; white-space:nowrap}
td{color:#cdd8e4}
code{background:#121a22; border:1px solid var(--line); border-radius:6px; padding:1px 6px; font-size:13px}
footer.bot{
  border-top:1px solid var(--line); padding:28px 24px; color:var(--mut); font-size:13px;
  text-align:center;
}
footer.bot a{color:var(--mut)}
@media (max-width:600px){ main{padding:36px 20px 72px} header.top nav{display:none} }