:root{--bg:#10141f;--fg:#e8ecf4;--mut:#93a0b4;--acc:#5aa6ff;--card:#1a2130;--line:#273044}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.brand{color:var(--fg);text-decoration:none;font-weight:600}
.dot{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--acc);margin-right:.5em}
nav a{color:var(--mut);text-decoration:none;margin-left:18px}
nav a:hover{color:var(--fg)}
.hero{padding:48px 0 8px}
h1{font-size:1.7rem;margin:0 0 8px}
.lead{color:var(--mut);max-width:56ch}
.card.status{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 18px;margin:26px 0;max-width:480px}
.row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.row:last-child{border-bottom:0}
.k{color:var(--mut)}
.v.ok{color:#7fd28a}
.notes{padding:10px 0 30px}
.notes h2{font-size:1.15rem}
code{background:var(--card);padding:.1em .4em;border-radius:5px;font-size:.95em}
footer{border-top:1px solid var(--line);margin-top:30px;padding:18px 0;color:var(--mut)}
footer a{color:var(--mut)}