:root{
  --bg:#070b14; --bg-card:#0c1220; --text:#e2e8f0; --text-muted:#8892a8; --text-dim:#4a5568;
  --accent-bright:#60a5fa; --warm:#f59e0b; --warm-hover:#fbbf24;
  --border-dim:rgba(255,255,255,.06); --radius:8px; --t:.3s cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--accent-bright);text-decoration:none;transition:color var(--t)}
a:hover{color:var(--warm)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
.nav{position:sticky;top:0;z-index:100;background:rgba(7,11,20,.86);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border-dim)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px;max-width:1140px}
.brand strong{color:#fff;font-size:1rem;font-weight:800}
.nav-links{display:flex;gap:24px;list-style:none;font-size:.88rem}
.nav-links a{color:var(--text-muted)}
main{padding:64px 0 72px}
h1{font-size:2.1rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:.5rem}
.updated{color:var(--text-dim);font-size:.86rem;margin-bottom:2.4rem}
h2{font-size:1.15rem;font-weight:700;color:#fff;margin:2.2rem 0 .6rem}
p,li{color:var(--text-muted);margin-bottom:1rem}
ul{padding-left:1.2rem}
li{margin-bottom:.45rem}
strong{color:var(--text)}
table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.92rem}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border-dim);color:var(--text-muted)}
th{color:var(--text);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.todo{display:inline-block;background:rgba(245,158,11,.14);border:1px dashed var(--warm);
  color:var(--warm-hover);padding:1px 8px;border-radius:4px;font-size:.86rem;font-weight:600}
.callout{background:var(--bg-card);border:1px solid var(--border-dim);border-left:3px solid var(--warm);
  border-radius:var(--radius);padding:18px 20px;margin:1.6rem 0}
.callout p:last-child{margin-bottom:0}
footer{padding:36px 0 56px;border-top:1px solid var(--border-dim);color:var(--text-dim);font-size:.86rem}
footer nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:10px}
footer a{color:var(--text-muted)}